@import"https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600&display=swap";.notice-page{--paper: #f4f1e9;--ink: #111311;--rule: rgba(17, 19, 17, .22);--reverse: #171917;display:grid;place-items:center;min-height:100svh;padding:1.5rem;overflow-x:hidden;color:var(--ink);background:#e9e7e0;font-family:Newsreader,Georgia,serif}.notice-frame{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));width:min(1160px,100%);min-height:min(720px,calc(100svh - 3rem));padding:clamp(2rem,5vw,5rem);border:1px solid var(--ink);background:var(--paper);animation:mono-fade .52s ease both}.notice-frame:before,.notice-frame:after{position:absolute;background:var(--rule);content:""}.notice-frame:before{top:0;bottom:0;left:30%;width:1px}.notice-frame:after{top:68%;right:0;left:0;height:1px;transform:scaleX(0);transform-origin:left;animation:notice-rule .65s .12s ease forwards}.notice-junction{position:absolute;z-index:2;top:calc(68% - 6px);left:calc(30% - 6px);width:13px;aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:var(--paper)}.notice-frame h1{z-index:1;grid-column:1 / 11;grid-row:2 / 7;align-self:center;margin:0;font-size:clamp(3.8rem,8vw,8.2rem);font-weight:500;letter-spacing:-.045em;line-height:.84;animation:mono-rise .56s 80ms ease both}.notice-frame h1 span{display:block}.notice-slogan{z-index:1;grid-column:5 / 11;grid-row:8 / 11;align-self:center;max-width:27ch;margin:0;padding:1.15rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:clamp(1.2rem,2vw,1.55rem);font-style:italic;line-height:1.2}.notice-contact{position:absolute;z-index:3;right:-1px;bottom:-1px;display:grid;grid-template-columns:auto auto;gap:1.75rem;align-items:center;min-width:min(100%,21rem);padding:1rem 1.25rem;border:1px solid var(--reverse);background:var(--reverse);color:var(--paper);font-family:Archivo Narrow,Arial Narrow,sans-serif;transition:color .16s ease,background .16s ease}.notice-contact span{color:#f4f1e9b8;font-size:.8rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.notice-contact a{color:inherit;font-size:1rem;font-weight:500;text-decoration-thickness:1px;text-underline-offset:4px}.notice-contact:hover{background:var(--paper);color:var(--ink)}.notice-contact:hover span{color:#1113119e}.circular-page{--paper: #f3f2ec;--ink: #11110f;--secondary: #555550;--hairline: rgba(17, 17, 15, .2);overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:Libre Franklin,Helvetica Neue,sans-serif}.circular-shell{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));width:min(1440px,calc(100% - 4rem));min-height:100svh;margin:0 auto;padding:clamp(2rem,4vw,4rem) 0;animation:mono-fade .45s ease both}.circular-rule{grid-column:1 / -1;grid-row:1;align-self:start;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;animation:notice-rule .62s 80ms ease forwards}.circular-shell h1{z-index:2;grid-column:1 / 10;grid-row:3 / 8;align-self:center;margin:0;font-size:clamp(4.25rem,9vw,9.5rem);font-weight:500;letter-spacing:-.055em;line-height:.82}.circular-shell h1 span{display:block}.circular-instrument{position:absolute;top:13%;right:-4%;width:min(31vw,430px);aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;background:linear-gradient(90deg,transparent calc(50% - .5px),var(--hairline) calc(50% - .5px),var(--hairline) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),var(--hairline) calc(50% - .5px),var(--hairline) calc(50% + .5px),transparent calc(50% + .5px)),radial-gradient(circle,transparent 0 22%,var(--hairline) 22.2% 22.5%,transparent 22.8% 49%,var(--hairline) 49.2% 49.5%,transparent 49.8%)}.circular-instrument i,.circular-instrument b{position:absolute;width:7px;aspect-ratio:1;border-radius:50%;background:var(--ink);content:"";animation:circular-point .38s ease both}.circular-instrument i{top:28%;left:61%;animation-delay:.32s}.circular-instrument b{right:23%;bottom:31%;width:5px;background:var(--secondary);animation-delay:.44s}.circular-shell>p{z-index:2;grid-column:1 / 6;grid-row:9 / 12;align-self:center;max-width:31ch;margin:0;color:var(--secondary);font-family:Newsreader,Georgia,serif;font-size:clamp(1.2rem,1.8vw,1.55rem);font-style:italic;line-height:1.25}.circular-contact{z-index:2;display:grid;grid-column:10 / 13;grid-row:10 / 13;align-self:end;justify-self:end;min-width:9rem;font-size:1rem}.circular-contact span{padding-bottom:.5rem;border-bottom:1px solid var(--hairline);font-weight:600}.circular-contact a{position:relative;padding-top:.5rem;text-decoration:none}.circular-contact a:after{position:absolute;right:0;bottom:-4px;left:0;height:1px;background:var(--ink);content:"";transform:scaleX(0);transform-origin:left;transition:transform .16s ease}.circular-contact a:hover:after{transform:scaleX(1)}.office-page{--paper: #f3f2ed;--ink: #111110;--muted: #6f6e69;--rule: rgba(17, 17, 16, .22);overflow-x:hidden;color:var(--ink);background:var(--paper);font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.office-shell{display:grid;grid-template-columns:minmax(440px,1.2fr) minmax(280px,.8fr);grid-template-rows:1fr auto;gap:clamp(4rem,8vw,9rem);width:min(1180px,calc(100% - 3rem));min-height:100svh;margin:auto;padding:clamp(2.5rem,5vw,4.5rem) 0 2rem;border-top:1px solid var(--ink)}.office-copy{align-self:center}.office-copy h1{margin:0;font-size:clamp(4rem,7.8vw,7.5rem);font-weight:400;letter-spacing:-.055em;line-height:.84}.office-copy h1 span{display:block;margin:0 0 1rem .08em;color:var(--muted);font-size:.18em;font-weight:400;letter-spacing:.04em;line-height:1}.office-mark{position:relative;width:min(31vw,350px);aspect-ratio:1;align-self:center;justify-self:end;border:1px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(to bottom,var(--ink) 0 27px,var(--paper) 27px 35px)}.office-mark:before{position:absolute;top:50%;right:100%;width:clamp(3rem,9vw,8rem);height:1px;background:var(--ink);content:""}.office-mark:after{position:absolute;inset:36%;border:1px solid var(--ink);border-radius:50%;background:var(--paper);content:""}.office-footer{display:flex;grid-column:1 / -1;justify-content:space-between;gap:3rem;align-items:end;padding-top:1.5rem;border-top:1px solid var(--rule)}.office-footer p{max-width:29ch;margin:0;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.35}.office-contact{min-width:8rem;padding:.45rem 0;border-bottom:1px solid var(--ink);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-align:right;text-decoration:none;text-transform:uppercase;transition:color .16s ease,background .16s ease,padding .16s ease}.office-contact:hover{padding-right:.55rem;padding-left:.55rem;background:var(--ink);color:var(--paper)}@keyframes mono-fade{0%{opacity:0}to{opacity:1}}@keyframes mono-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes notice-rule{to{transform:scaleX(1)}}@keyframes circular-point{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(max-width:850px){.office-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:3rem}.office-mark{grid-row:2;width:min(58vw,300px)}.office-footer{grid-column:1}}@media(max-width:760px){.circular-shell{display:block;width:calc(100% - 2rem);padding:2rem 0 3rem}.circular-rule{margin-bottom:4.5rem}.circular-shell h1{position:relative;z-index:2;font-size:clamp(3.4rem,15vw,5.8rem)}.circular-instrument{top:8rem;right:-13%;width:min(42vw,230px);opacity:.55}.circular-shell>p{margin-top:5rem}.circular-contact{justify-self:start;margin-top:3rem}.notice-frame{display:block;min-height:calc(100svh - 3rem);padding:3rem 1.5rem 7rem}.notice-frame:before{display:none}.notice-frame:after{top:auto;bottom:5rem}.notice-junction{display:none}.notice-frame h1{font-size:clamp(3.5rem,15vw,5.8rem)}.notice-slogan{max-width:25ch;margin-top:4rem}.notice-contact{right:-1px;left:-1px;grid-template-columns:auto 1fr}}@media(max-width:560px){.office-shell{width:calc(100% - 2rem)}.office-copy h1{font-size:clamp(3.35rem,15vw,4.8rem)}.office-mark{width:min(64vw,245px)}.office-footer{align-items:flex-start;flex-direction:column;gap:1.75rem}.office-contact{min-width:7rem;text-align:left}}@media(prefers-reduced-motion:reduce){.notice-frame,.notice-frame:after,.notice-frame h1,.circular-shell,.circular-rule,.circular-instrument i,.circular-instrument b{animation:none}}