.society-office{isolation:isolate;background:repeating-linear-gradient(98deg,#0000 0 30px,#cfc3a403 31px,#0000 32px 68px),radial-gradient(at 50% 32%,#282820 0,#141611 43%,#090a09 85%);flex-direction:column;min-height:100svh;display:flex;overflow-x:clip}.society-office:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(115deg,#d9c58e07,#0000 35%,#0005);position:fixed;inset:0}.office-header{flex-shrink:0;position:relative}.office-header .sigil{color:var(--bone);cursor:pointer;background:0 0;border:0;padding:6px}.office-header .sigil,.office-back,.enter-office{touch-action:manipulation;min-width:44px;min-height:44px}.case-envelope,.detective-door,.tip-number{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.office-stage{flex:1;place-items:center;padding:64px 24px 56px;display:grid}.office-view{text-align:center;width:min(100%,720px)}.office-eyebrow{color:var(--dust);letter-spacing:.26em;margin:0 0 24px;font-size:9px;line-height:1.8}.office-view h1{letter-spacing:-.035em;margin:0;font:clamp(54px,7.5vw,90px)/1.04 Libre Caslon Display,Georgia,serif}.office-view h1 em{color:#a69b7d;font-style:italic}.office-view h1:focus{outline:none}.office-motto{color:#a49f8d;margin:18px 0 0;font:italic clamp(19px,2.3vw,24px)/1.5 Libre Caslon Display,Georgia,serif}.office-options{text-align:left;border-top:1px solid #b6a87938;margin:44px auto 28px}.office-option{width:100%;color:var(--bone);cursor:pointer;text-align:left;background:#090a0929;border:0;border-bottom:1px solid #b6a87938;align-items:center;gap:28px;padding:25px 24px;transition:background .25s,color .25s;display:flex}.office-option:not(:disabled):hover{color:#f0e8ce;background:#b6a8790c}.option-number{letter-spacing:.12em;color:#9c8c68;align-self:flex-start;padding-top:9px;font:10px Roboto Mono,monospace}.option-label{font:clamp(28px,3.8vw,38px)/1.1 Libre Caslon Display,Georgia,serif}.option-label small{letter-spacing:.18em;color:#9b9785;margin-top:10px;font:8px/1.5 Roboto Mono,monospace;display:block}.option-arrow{color:#b5a57f;margin-left:auto;font-size:27px;font-weight:300;transition:transform .25s}.office-option:not(:disabled):hover .option-arrow{transform:translate(3px,-3px)}.office-option:disabled{cursor:not-allowed;color:#65665f;background:#090a0955}.office-option:disabled .option-number,.office-option:disabled small{color:#686a60}.option-sealed{letter-spacing:.16em;color:#74756b;border:1px solid #6a6b6055;margin-left:auto;padding:5px 7px;font:7px Roboto Mono,monospace}.office-footnote{letter-spacing:.2em;color:#96917f;margin:25px 0 0;font-size:8px;line-height:1.8}.office-footnote>span{background:#b0a177;border-radius:50%;width:4px;height:4px;margin-right:8px;display:inline-block}.office-footer{color:#8c8979;flex-shrink:0}.office-back{color:#b4aa8d;cursor:pointer;letter-spacing:.16em;background:0 0;border:0;border-bottom:1px solid #b6a8794d;align-items:center;gap:12px;margin:0 0 52px;padding:12px 3px;font:9px Roboto Mono,monospace;display:inline-flex}.office-detail{padding-bottom:35px;animation:.5s ease-out both office-panel-in}.tip-number{white-space:nowrap;color:#e5dcc3;letter-spacing:-.065em;border-bottom:1px solid #8d5746;flex-wrap:nowrap;align-items:center;margin:54px 0 12px;padding:10px 0 20px;font:clamp(27px,6vw,62px)/1.25 Roboto Mono,monospace;text-decoration:none;display:inline-flex}.phone-character,.phone-space{animation:phone-float-in .75s cubic-bezier(.2,.7,.2,1) var(--digit-delay) both;display:inline-block}.phone-space{width:.45em}.cipher-record{width:min(100%,620px);margin:36px auto 0}.cipher-artwork{aspect-ratio:1;background:#171712;position:relative;box-shadow:0 22px 70px #0008,0 0 0 1px #b6a87933}.cipher-original{width:100%;height:auto;display:block}.cipher-animation,.cipher-ring{pointer-events:none;position:absolute;inset:0}.cipher-ring{-webkit-mask-image:var(--ring-mask);mask-image:var(--ring-mask);-webkit-mask-image:var(--ring-mask)}.cipher-ring img{transform-origin:49.92% 49.04%;width:100%;max-width:none;height:100%;animation:cipher-turn var(--spin-duration) cubic-bezier(.12,.52,.2,1) both;will-change:transform;display:block}.cipher-ring-outer{--ring-mask:radial-gradient(ellipse 43.5% 44% at 49.92% 49.04%, transparent 72.2%, #000 72.4% 99.8%, transparent 100%);--spin-start:-300deg;--spin-duration:2.6s}.cipher-ring-inner{--ring-mask:radial-gradient(ellipse 31.6% 32% at 49.92% 49.04%, transparent 60.3%, #000 60.5% 99.8%, transparent 100%);--spin-start:410deg;--spin-duration:3.2s}.cipher-ring-hub{--ring-mask:radial-gradient(ellipse 19.2% 19.5% at 49.92% 49.04%, #000 99.5%, transparent 100%);--spin-start:-180deg;--spin-duration:2.9s}@keyframes cipher-turn{0%{transform:rotate(var(--spin-start))}to{transform:rotate(0)}}.society-office button:focus-visible,.society-office a:focus-visible,.detective-door:focus-visible,.enter-office:focus-visible{outline-offset:5px;outline:2px solid #cfc096}.society-office.site-revealing{animation:1.2s cubic-bezier(.3,.1,.25,1) .45s both office-door-reveal}@keyframes office-door-reveal{0%{opacity:0;filter:blur(8px)brightness(.6)}to{opacity:1;filter:blur()brightness()}}@keyframes office-panel-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes phone-float-in{0%{opacity:0;transform:translateY(28px)rotate(-5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@media (width<=700px){.office-stage{padding:24px max(16px, env(safe-area-inset-right)) 28px max(16px, env(safe-area-inset-left))}.office-menu .office-eyebrow{letter-spacing:.15em;margin-bottom:14px;font-size:9px}.office-menu .office-motto{margin-top:12px;font-size:19px}.office-view h1{font-size:clamp(42px,10.8vw,65px)}.office-options{margin-top:35px}.office-option{gap:17px;padding:23px 10px}.option-label{font-size:30px}.option-label small{letter-spacing:.1em;font-size:7px}.office-header{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top))}.office-header .clearance{letter-spacing:.06em;text-align:right;max-width:165px;font-size:8px;line-height:1.7}.office-footer{height:auto;min-height:68px;padding:16px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));font-size:8px;line-height:1.7}.office-back{margin-bottom:24px;font-size:10px}.office-footnote,.office-detail .office-eyebrow{letter-spacing:.12em;font-size:9px}.cipher-record{margin-top:26px}.tip-number{font-size:clamp(25px,7vw,45px)}.door-frame{width:min(360px,84vw,47svh);height:min(620px,73svh)}.frosted-glass .logo-crop{aspect-ratio:1;width:auto;max-width:85%;height:58%}.enter-office{bottom:max(14px, env(safe-area-inset-bottom));white-space:nowrap;width:max-content;max-width:calc(100% - 32px);font-size:10px}}@media (height<=500px) and (orientation:landscape){.door-frame{width:min(260px,46svh);height:72svh}.frosted-glass .logo-crop{aspect-ratio:1;width:auto;height:55%}.door-knob{transform-origin:100%;transform:scale(.7)}.glass-copy{letter-spacing:.06em;font-size:6px}.glass-copy small{letter-spacing:.02em;font-size:5px}.enter-office{bottom:max(4px, env(safe-area-inset-bottom))}.office-stage{padding-top:20px}.office-detail{padding-bottom:12px}.cipher-record{max-width:440px}}@media (prefers-reduced-motion:reduce){.society-office.site-revealing{animation:.2s both office-door-reveal}.office-detail,.phone-character,.phone-space{animation:none}.cipher-animation{display:none}.cipher-ring img{will-change:auto;animation:none}.office-option,.option-arrow{transition:none}.office-option:not(:disabled):hover .option-arrow{transform:none}}.filing-scene{--file-step:108px;text-align:left;isolation:isolate;width:min(100%,590px);height:495px;margin:42px auto 0;position:relative}.cabinet-crown{color:#b7b09a;letter-spacing:.19em;background:linear-gradient(174deg,#45473d,#23271f 70%);border:1px solid #68675a;border-radius:5px 5px 0 0;height:70px;padding:16px 28px;font:8px/1.5 Roboto Mono,monospace;position:absolute;top:0;left:0;right:0;box-shadow:inset 0 2px #a5a18a22,0 -4px #11150f,0 18px 40px #0009}.cabinet-crown i{border:1px solid #8f866b;border-radius:50%;width:7px;height:7px;position:absolute;top:21px;right:24px;box-shadow:inset 0 0 2px #000}.cabinet-interior{transform-origin:bottom;background:linear-gradient(90deg,#060905,#161c12 15%,#1e2519 60%,#090d07);border:10px solid #30362a;border-bottom:0;height:356px;position:absolute;top:46px;left:10px;right:10px;transform:perspective(700px)rotateX(8deg);box-shadow:inset 0 18px 35px #000,-7px 0 #11180f,7px 0 #11180f}.cabinet-interior span{background:#494a35;border:1px solid #78745a;border-radius:8px 8px 0 0;height:65px;position:absolute;top:30px;left:5%;right:5%;box-shadow:0 -6px #2b3022}.cabinet-interior span:nth-child(2){background:#3d432e;top:135px}.cabinet-interior span:nth-child(3){background:#303626;top:245px}.envelope-files{height:390px;position:absolute;top:55px;left:7%;right:7%}.case-envelope{--paper:#b8a078;top:calc(var(--file-index) * var(--file-step));text-align:left;cursor:pointer;color:#27261d;width:100%;height:195px;transform:rotate(var(--file-tilt));transform-origin:bottom;z-index:calc(2 + var(--file-index));background:0 0;border:0;padding:0;transition:transform .25s,filter .25s,opacity .25s;position:absolute;left:0}.envelope-paper,.envelope-fold,.envelope-strip{background:repeating-linear-gradient(97deg, #281b1007 0 1px, transparent 1px 5px), repeating-linear-gradient(3deg, #ffedc608 0 1px, transparent 1px 3px), linear-gradient(115deg, #dac49b, var(--paper) 52%, #927c56);border:1px solid #d2be9266;border-radius:3px;position:absolute;inset:0;box-shadow:0 8px 12px #0008,inset 0 0 22px #4e351e2b}.envelope-fold{clip-path:polygon(0 40%,50% 85%,100% 40%,100% 100%,0 100%);background:linear-gradient(24deg,#ad956b,#c4ad83 48%,#96815c)}.envelope-fold:after{content:"";background:linear-gradient(150deg,#0000 49.6%,#6d543c55 50%,#0000 50.4%),linear-gradient(30deg,#0000 49.6%,#6d543c55 50%,#0000 50.4%);height:60%;position:absolute;bottom:0;left:0;right:0}.envelope-strip{letter-spacing:.2em;color:#63553d;height:33px;box-shadow:none;transform-origin:100%;border-bottom:1px dashed #68533555;padding:10px 21px;font:7px Roboto Mono,monospace;inset:0 0 auto}.envelope-label{position:absolute;top:44px;left:25px;right:65px}.envelope-label small{letter-spacing:.15em;color:#534b39;margin-bottom:3px;font:7px Roboto Mono,monospace;display:block}.envelope-label strong{letter-spacing:-.02em;font:clamp(26px,3.5vw,37px)/1 Libre Caslon Display,Georgia,serif;display:block}.envelope-label>span{letter-spacing:.1em;color:#4e4534;margin-top:8px;font:7px Roboto Mono,monospace;display:block}.envelope-seal{color:#743e2c;letter-spacing:.09em;border:2px solid #743e2c;padding:7px 5px;font:11px Roboto Mono,monospace;position:absolute;top:60px;right:22px;transform:rotate(-13deg)}.case-envelope:focus-visible{z-index:6;filter:brightness(1.08);transform:translateY(-12px)rotate(0)}@media (hover:hover) and (pointer:fine){.case-envelope:not(:disabled):hover{z-index:6;filter:brightness(1.08);transform:translateY(-12px)rotate(0)}}.case-envelope:disabled{cursor:default}.case-envelope.envelope-unavailable{cursor:not-allowed;filter:saturate(.2)brightness(.64)}.envelope-unavailable .envelope-seal{font-size:7px}.envelope-letter{opacity:0;background:#dcd2b6;border:1px solid #a69a78;height:145px;position:absolute;top:25px;left:9%;right:9%;transform:translateY(0)}.envelope-letter i{background:#8a806155;height:1px;margin:21px 20px 0;display:block}.cabinet-front{z-index:8;pointer-events:none;background:repeating-linear-gradient(173deg,#0000 0 25px,#c1ba9d09 26px,#0000 27px 40px),linear-gradient(#434a39,#2e3627 15%,#303929 70%,#1f281c);border:1px solid #626653;border-radius:1px 1px 5px 5px;height:90px;position:absolute;top:379px;left:-3px;right:-3px;box-shadow:inset 0 4px #82856a22,0 15px #10170d,0 30px 42px #0008}.cabinet-label{color:#343a2b;letter-spacing:.12em;background:#b3ac8d;border:4px solid #535746;padding:5px 13px;font:8px Roboto Mono,monospace;position:absolute;top:15px;left:25px;box-shadow:0 2px 3px #0008}.cabinet-label small{text-align:center;margin-top:3px;font-size:6px;display:block}.cabinet-handle{border:5px solid #83836c;border-color:#a7a087 #83836c #535946;border-radius:3px 3px 8px 8px;width:105px;height:20px;position:absolute;top:29px;left:50%;transform:translate(-25%);box-shadow:0 6px 5px #0009}.cabinet-keyhole{background:#080e06;border:3px solid #83816a;border-radius:50%;width:14px;height:14px;position:absolute;top:34px;right:26px}.cabinet-instruction{text-align:center;letter-spacing:.16em;color:#b2a991;font:7px/1.8 Roboto Mono,monospace;position:absolute;top:495px;left:0;right:0}.filing-scene+.office-footnote{margin-top:58px}.is-drawer-closed .cabinet-front{height:423px;top:46px}.is-drawer-closed .cabinet-label,.is-drawer-closed .cabinet-keyhole{transform:translateY(140px)}.is-drawer-closed .cabinet-handle{transform:translate(-25%,140px)}.is-drawer-closed .envelope-files{visibility:hidden}.is-drawer-opening .cabinet-front{animation:1.5s cubic-bezier(.25,.65,.2,1) .15s both cabinet-slide-open}.is-drawer-opening .cabinet-label,.is-drawer-opening .cabinet-keyhole{animation:1.5s cubic-bezier(.25,.65,.2,1) .15s both cabinet-hardware-slide}.is-drawer-opening .cabinet-handle{animation:1.5s cubic-bezier(.25,.65,.2,1) .15s both cabinet-handle-slide}.is-drawer-opening .envelope-files{animation:1.5s .15s both cabinet-files-appear}@keyframes cabinet-slide-open{0%{height:423px;top:46px}to{height:90px;top:379px}}@keyframes cabinet-hardware-slide{0%{transform:translateY(140px)}to{transform:translateY(0)}}@keyframes cabinet-handle-slide{0%{transform:translate(-25%,140px)}to{transform:translate(-25%)}}@keyframes cabinet-files-appear{0%,8%{opacity:0;transform:translateY(20px)}60%,to{opacity:1;transform:translateY(0)}}.is-unsealing .case-envelope:not(.is-selected){opacity:.17}.case-envelope.is-selected{z-index:20;cursor:default;animation:1.7s ease-in-out both file-lift-open}.is-selected .envelope-strip{clip-path:polygon(0 0,100% 0,100% 85%,96% 95%,91% 83%,85% 100%,80% 86%,74% 98%,68% 85%,62% 100%,56% 86%,50% 98%,44% 85%,38% 100%,32% 86%,26% 98%,20% 85%,14% 100%,8% 86%,3% 96%,0 88%);animation:1.7s ease-in-out both file-tear-strip}.is-selected .envelope-paper{animation:1.7s step-end both file-paper-tear}.is-selected .envelope-letter{animation:1.7s ease-in-out both file-letter-reveal}@keyframes file-lift-open{0%{transform:rotate(var(--file-tilt))}36%,75%{transform:translateY(calc(30px - var(--file-index) * var(--file-step))) rotate(-3deg) scale(1.03);opacity:1}to{transform:translateY(calc(-35px - var(--file-index) * var(--file-step))) rotate(-1deg) scale(1.08);opacity:0}}@keyframes file-tear-strip{0%,40%{opacity:1;transform:translate(0)rotate(0)}70%{opacity:1;transform:translate(28%,-75px)rotate(18deg)}90%,to{opacity:0;transform:translate(40%,-100px)rotate(25deg)}}@keyframes file-paper-tear{0%,40%{clip-path:inset(0)}41%,to{clip-path:polygon(0 30px,3% 33px,8% 29px,14% 35px,20% 29px,26% 34px,32% 29px,38% 35px,44% 29px,50% 34px,56% 29px,62% 35px,68% 29px,74% 34px,80% 29px,85% 35px,91% 29px,96% 33px,100% 29px,100% 100%,0 100%)}}@keyframes file-letter-reveal{0%,55%{opacity:0;transform:translateY(0)}70%,to{opacity:1;transform:translateY(-75px)}}@media (width<=700px){.filing-scene{--file-step:100px;height:435px;margin-top:26px}.cabinet-interior{height:316px}.cabinet-interior span:nth-child(2){top:125px}.cabinet-interior span:nth-child(3){top:225px}.case-envelope{height:175px}.cabinet-front{height:80px;top:339px}.is-drawer-closed .cabinet-front{height:373px;top:46px}.is-drawer-opening .cabinet-front{animation-name:cabinet-slide-open-mobile}.cabinet-instruction{letter-spacing:.06em;font-size:9px;top:443px}.filing-scene+.office-footnote{margin-top:52px}.envelope-letter{height:130px}.envelope-files{left:5%;right:5%}.envelope-label{top:38px;left:15px;right:49px}.envelope-label small{font-size:8px}.envelope-label strong{font-size:clamp(24px,7vw,32px)}.envelope-label>span{letter-spacing:0;margin-top:5px;font-size:8px}.envelope-strip{letter-spacing:.04em;padding-left:15px;font-size:8px}.envelope-seal{font-size:9px;right:10px}.cabinet-crown{letter-spacing:.04em;padding-left:16px;font-size:8px}.cabinet-label{padding:5px 7px;font-size:7px;left:13px}.cabinet-handle{width:70px;left:57%}.cabinet-keyhole{right:14px}}@keyframes cabinet-slide-open-mobile{0%{height:373px;top:46px}to{height:80px;top:339px}}@media (prefers-reduced-motion:reduce){.is-drawer-opening .cabinet-front,.is-drawer-opening .cabinet-label,.is-drawer-opening .cabinet-keyhole,.is-drawer-opening .cabinet-handle,.is-drawer-opening .envelope-files{animation:none}.case-envelope{transition:none}.case-envelope:not(:disabled):hover,.case-envelope:focus-visible{transform:none}.case-envelope.is-selected,.is-selected .envelope-strip,.is-selected .envelope-paper,.is-selected .envelope-letter{animation:none}}
