@font-face{font-family:Atlas Sans;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Atlas Serif;src:url('assets/instrument-serif.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f5f5f0;--ink:#242720;--muted:#676b61;--line:#d8dbd0;--acid:#d7ef78;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Atlas Sans',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #738b2c;outline-offset:5px}::selection{background:var(--acid);color:var(--ink)}.mono,.eyebrow{font-family:'Courier New',monospace;font-size:10px;font-weight:500;letter-spacing:.08em;line-height:1.5}.serif{font-family:'Atlas Serif',Georgia,serif;font-style:italic;font-weight:400}.header{margin:0 4.5%;height:103px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:inline-flex;gap:14px;align-items:center;font-size:22px;font-weight:650;letter-spacing:-1.1px;white-space:nowrap}.brand-mark{width:49px;height:20px;display:block;background:var(--ink);mask:url('assets/mark.svg') center/contain no-repeat;-webkit-mask:url('assets/mark.svg') center/contain no-repeat}.brand-period{font-size:10px;vertical-align:top;display:inline-block;margin:1px 0 0 3px;font-weight:400}.desktop-nav{display:flex;align-items:center;gap:36px;font-size:12px;font-weight:550}.desktop-nav>a{padding:10px 0}.count{font-family:'Courier New',monospace;font-size:9px;vertical-align:super;margin-left:4px;color:var(--muted)}.nav-contact{display:flex;align-items:center;gap:27px;background:var(--ink);color:var(--paper);padding:13px 17px;border-radius:4px;transition:background .2s,transform .2s}.nav-contact:hover{background:#424a32;transform:translateY(-2px)}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.skip-link{position:fixed;left:20px;top:-100px;background:var(--acid);padding:15px;z-index:100}.skip-link:focus{top:10px}.hero{padding:45px 4.5% 44px}.hero-top{display:flex;align-items:center;justify-content:space-between}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase}.square{display:block;width:7px;height:7px;background:var(--ink)}.hero-index{color:var(--muted)}.hero-composition{display:grid;grid-template-columns:1fr 280px;align-items:center;gap:38px;padding:37px 0 32px}h1{position:relative;font-size:clamp(70px,7.9vw,132px);font-weight:500;line-height:.99;letter-spacing:-.07em;margin:0;animation:rise .9s var(--ease) both}h1 .serif{font-size:1.17em;letter-spacing:-.045em;line-height:1.04}.title-star{display:inline-block;color:#79994d;font-size:clamp(35px,4vw,66px);vertical-align:top;margin:10px 0 0 17px;font-family:Georgia,serif;font-weight:400;line-height:1}.atlas{width:260px;justify-self:end;transform:rotate(-8deg);animation:appear 1.4s var(--ease) both}.atlas-coordinate{text-align:center;font-size:8px;color:var(--muted)}#atlas-globe{width:100%;height:auto;display:block}.sphere-outline{fill:none;stroke:#818877;stroke-width:.8}#globe-lines{stroke:#8d9483;stroke-width:.65;fill:none}.crosshair{stroke:#9da58e;stroke-width:.8}.globe-center{fill:#242720}.globe-marker circle{fill:var(--acid);stroke:var(--ink);stroke-width:1}.globe-marker path{stroke:var(--ink);stroke-width:1.3}.atlas-bottom{display:flex;justify-content:space-between;font-size:7px;border-top:1px solid #c6ccbd;padding-top:9px;margin:0 24px}.hero-bottom{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:28px;padding-top:9px}.discover-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;font-weight:600;width:max-content}.round-arrow{width:40px;height:40px;border:1px solid #bfc5b5;display:grid;place-items:center;border-radius:50%;font-size:20px;transition:background .25s,transform .25s}.discover-link:hover .round-arrow{background:var(--acid);transform:translateY(3px)}.hero-bottom p{font-size:13px;line-height:1.7;margin:0;max-width:380px;color:#545a4d}.hero-number{text-align:right;color:var(--muted);font-size:8px;line-height:1.8}.work-section{padding:45px 4.5% 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-eyebrow{font-size:9px;color:var(--muted);margin-bottom:9px}h2{font-weight:500;letter-spacing:-.055em}.section-heading h2{font-size:40px;margin:0;line-height:1.25}.heading-count{font-family:'Courier New',monospace;font-size:12px;vertical-align:super;letter-spacing:0;margin-left:11px;color:var(--muted)}.filters{display:flex;gap:6px;margin-bottom:4px}.filter{background:transparent;padding:9px 13px;border-radius:3px;font-size:10px;color:#656c5e;transition:background .2s,color .2s}.filter:hover{background:#e8ebdf}.filter.active{background:var(--ink);color:var(--paper)}.filter span{font-family:'Courier New',monospace;font-size:8px;opacity:.6;margin-left:8px}.concept-note{color:var(--muted);font-size:8px;display:flex;align-items:center;gap:6px;margin:20px 0 16px;letter-spacing:.04em}.small-dot{width:4px;height:4px;border-radius:50%;background:#8f9b75;display:inline-block}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:45px 25px;align-items:start}.project-card{grid-column:span 7;min-width:0;animation:rise .65s var(--ease) both}.project-card:nth-child(4n+2),.project-card:nth-child(4n+3){grid-column:span 5}.project-card[hidden]{display:none}.project-grid.filtered .project-card{grid-column:span 6}.project-open{display:block;width:100%;text-align:left;background:none;padding:0}.project-art{height:420px;border-radius:5px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.project-art::after{content:'';pointer-events:none;position:absolute;inset:0;border:1px solid #00000008;border-radius:inherit}.project-art.forma-art{background:#d9d8cf}.project-art.orbit-art{background:#d5d2f0}.project-art.still-art{background:#e4e8d9}.project-art.field-art{background:#cedbed}.preview-stage{width:84%;aspect-ratio:1.48;position:relative;box-shadow:0 25px 40px -15px #1d211f32;transition:transform .7s var(--ease);overflow:hidden;container-type:inline-size;border-radius:2px;flex-shrink:0}.project-open:hover .preview-stage{transform:translateY(-6px) scale(1.025)}.project-open:focus-visible{outline-offset:7px;border-radius:5px}.project-label{position:absolute;left:18px;top:18px;font:8px 'Courier New',monospace;letter-spacing:.08em;color:#4d5748;z-index:2}.project-view{position:absolute;right:17px;bottom:17px;width:40px;height:40px;background:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:20px;transform:translateY(60px);transition:transform .4s var(--ease)}.project-open:hover .project-view,.project-open:focus-visible .project-view{transform:translateY(0)}.project-meta{display:flex;justify-content:space-between;gap:15px;margin-top:17px;align-items:start}.project-meta h3{font-size:19px;letter-spacing:-.04em;margin:0 0 4px;font-weight:600}.project-meta p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.project-type{font-family:'Courier New',monospace;font-size:8px;letter-spacing:.02em;border:1px solid var(--line);padding:6px 8px;white-space:nowrap;border-radius:3px}.work-bottom{border-bottom:1px solid var(--line);padding:29px 0 30px;display:flex;justify-content:space-between;gap:25px;font-size:8px;color:var(--muted)}
/* Original miniature website concepts. These are illustrative portfolio placeholders. */
.mini-site{width:100%;height:100%;font-family:Arial,sans-serif;position:relative;overflow:hidden}.mini-nav{display:flex;align-items:center;justify-content:space-between;padding:4cqw 5cqw;font-size:1.3cqw}.mini-nav b{font-size:3cqw;letter-spacing:-.1cqw}.mini-nav-links{display:flex;gap:2.4cqw;align-items:center}.mini-pill{padding:1cqw 1.7cqw;border:1px solid currentColor;border-radius:10cqw}.forma-site{background:#f5f1e8;color:#393b2e}.forma-site .mini-nav{border-bottom:1px solid #c9c8b950}.forma-hero{padding:2cqw 5cqw 3cqw;position:relative}.forma-kicker{font:1cqw 'Courier New',monospace;letter-spacing:.1cqw;margin:0 0 1.2cqw}.forma-headline{font-family:Georgia,serif;font-weight:400;letter-spacing:-.5cqw;font-size:8.5cqw;line-height:.97;margin:0}.forma-headline i{font-weight:400}.forma-caption{position:absolute;right:6cqw;bottom:4cqw;font-size:1.5cqw;line-height:1.5}.architecture{display:block;width:100%;height:36cqw;object-fit:cover}.forma-bottom{position:absolute;bottom:2.3cqw;left:4cqw;color:#fff;font:1.2cqw 'Courier New',monospace;letter-spacing:.1cqw}.orbit-site{background:#151324;color:#eeeaf9}.orbit-site .mini-nav b{font-size:3.3cqw}.orbit-site .mini-nav b::before{content:'◉';margin-right:1cqw;color:#bba3ff}.orbit-intro{text-align:center;padding:2cqw 3cqw 3cqw}.orbit-intro small{font:1.1cqw 'Courier New',monospace;letter-spacing:.16cqw;color:#a79bbf}.orbit-intro h4{font-weight:400;font-size:7.8cqw;line-height:1.02;letter-spacing:-.4cqw;margin:2cqw 0}.orbit-intro h4 span{color:#bca0ff}.orbit-intro p{font-size:1.5cqw;color:#aaa0bf;margin:1.7cqw 0 2.5cqw}.mini-cta{font-size:1.4cqw;border-radius:1cqw;display:inline-block;padding:1.5cqw 2.5cqw;background:#b7a0f0;color:#241833}.orbit-dashboard{border:1px solid #524965;border-radius:1.2cqw;position:absolute;top:44cqw;left:10cqw;width:80cqw;background:#211d33;padding:2cqw}.dash-top{font-size:1.4cqw;display:flex;justify-content:space-between;border-bottom:1px solid #423b53;padding-bottom:2cqw}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;padding:2cqw 0}.dash-metrics span{font-size:1cqw;color:#afa6bd}.dash-metrics strong{font-size:3cqw;display:block;color:#eee9f9;margin-top:.7cqw}.dash-chart{height:15cqw;width:100%;display:block}.still-site{background:#f0f0e7;color:#364230}.still-site .mini-nav{position:relative;z-index:1}.still-site .mini-nav b{font-family:Georgia,serif;font-weight:400;font-size:4cqw;letter-spacing:-.2cqw}.still-copy{position:relative;padding:7cqw 5cqw;z-index:1}.still-copy h4{font-family:Georgia,serif;font-weight:400;font-size:9cqw;line-height:1;letter-spacing:-.45cqw;margin:0 0 2cqw}.still-copy p{font-size:1.6cqw;line-height:1.6;margin:0 0 3cqw}.still-copy .mini-cta{background:#4d6242;color:white;border-radius:0}.still-visual{position:absolute;right:-4cqw;bottom:-4cqw;width:51cqw;height:52cqw;background:radial-gradient(ellipse at 30% 40%,#b9c69f,#dbe0ca 55%,#c1c8ac);border-radius:50% 50% 0 0;transform:rotate(-10deg)}.bottle{position:absolute;width:17cqw;height:31cqw;left:17cqw;top:7cqw;border-radius:3cqw 3cqw 2cqw 2cqw;background:linear-gradient(90deg,#778447,#bbc48b 30%,#a5af70 55%,#6c7b3d);box-shadow:4cqw 3cqw 3cqw #4e5b3540;transform:rotate(17deg)}.bottle::before{content:'';position:absolute;top:-6cqw;left:3cqw;width:11cqw;height:7cqw;background:repeating-linear-gradient(90deg,#c4c2ad 0,#dad8c4 .6cqw,#c4c2ad 1cqw);border-radius:1cqw 1cqw 0 0}.bottle-label{position:absolute;left:.5cqw;right:.5cqw;top:9cqw;height:14cqw;background:#e9e9d5e8;text-align:center;padding:2cqw 0;font:1cqw 'Courier New',monospace;color:#4e5b37}.bottle-label b{display:block;font-family:Georgia,serif;font-size:4cqw;font-weight:400;margin-bottom:1cqw}.bottle-label span{font-size:.8cqw;display:block;margin-top:1cqw}.still-bottom{position:absolute;bottom:3cqw;left:5cqw;font:1cqw 'Courier New',monospace;letter-spacing:.15cqw}.field-site{background:#1c48c3;color:#e4ecfa}.field-site .mini-nav{padding-bottom:2cqw}.field-site .mini-nav b{font-size:2.6cqw}.field-title{font-size:13.4cqw;letter-spacing:-1cqw;font-weight:700;line-height:.86;margin:3cqw 5cqw 0;position:relative;z-index:1}.field-title span{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.8cqw}.field-intro{margin:3cqw 5cqw;font-size:1.5cqw;line-height:1.5}.field-flower{position:absolute;width:35cqw;height:35cqw;right:4cqw;bottom:6cqw;transform:rotate(-15deg);color:#d7ed8d}.field-flower svg{width:100%;height:100%}.field-footer{display:flex;justify-content:space-between;position:absolute;bottom:3cqw;left:5cqw;right:5cqw;font:1cqw 'Courier New',monospace;border-top:1px solid #ffffff40;padding-top:2cqw}.field-pill{position:absolute;right:5cqw;top:18cqw;border:1px solid #e4ecfa80;border-radius:50%;padding:2cqw;font:1cqw 'Courier New',monospace;transform:rotate(15deg)}
.studio-section{padding:85px 4.5% 88px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.studio-label{display:flex;flex-direction:column;justify-content:space-between}.studio-symbol{font-size:125px;line-height:1;color:#91a868;font-family:Georgia,serif;margin-top:45px}.studio-copy h2{font-size:clamp(35px,3.9vw,60px);line-height:1.13;margin:0 0 31px}.studio-copy h2 .serif{font-size:1.13em;letter-spacing:-.035em}.studio-details{display:grid;grid-template-columns:1fr 1fr;gap:35px}.studio-details p{margin:0;font-size:12px;line-height:1.8;color:#626859}.capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.capabilities span{border:1px solid var(--line);border-radius:3px;padding:8px 11px;font-size:10px}.contact-section{margin:0 2%;border-radius:6px;background:var(--acid);padding:28px 2.6% 32px}.contact-top{display:flex;justify-content:space-between;gap:20px}.contact-top .mono{font-size:8px}.contact-large{display:flex;align-items:center;justify-content:space-between;text-align:left;background:none;padding:36px 0 25px;width:100%;font-size:clamp(45px,6.8vw,106px);line-height:1.02;letter-spacing:-.06em;font-weight:500}.contact-large .serif{font-size:1.12em;letter-spacing:-.04em}.contact-arrow{width:110px;height:110px;display:grid;place-items:center;font-size:90px;font-weight:300;border-radius:50%;transition:transform .4s var(--ease),background .4s}.contact-large:hover .contact-arrow{transform:translate(5px,-5px);background:#c4df64}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px}.contact-bottom p{font-size:12px;line-height:1.7;margin:0}.contact-caption{font-size:8px}.footer{margin:0 4.5%;padding:30px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:16px;gap:10px;letter-spacing:-.5px}.footer-brand .brand-mark{width:34px;height:15px}.footer>.mono{color:var(--muted);font-size:8px}.back-top{font-size:11px}.back-top span{margin-left:20px}.dialog-top{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--line)}dialog{border:none;padding:0;background:var(--paper);color:var(--ink);max-height:90dvh;box-shadow:0 30px 100px #0004;border-radius:7px}dialog[open]{animation:dialog-in .35s var(--ease)}dialog::backdrop{background:#151a16a6;backdrop-filter:blur(6px)}.project-dialog{width:min(1000px,92vw)}.close-dialog{border:1px solid var(--line);border-radius:50%;width:32px;height:32px;background:transparent;display:grid;place-items:center;font-size:13px;transition:background .2s}.close-dialog:hover{background:var(--acid)}#modal-index{color:var(--muted);margin-left:15px}.modal-preview .project-art{height:min(49vh,480px);border-radius:0}.modal-preview .preview-stage{width:min(620px,80%);max-height:95%}.modal-preview .project-view{display:none}.modal-details{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px}.modal-details h2{font-size:44px;margin:10px 0}.modal-tags{display:flex;gap:6px;flex-wrap:wrap}.modal-tags span{font-size:10px;border:1px solid var(--line);padding:6px 9px;border-radius:2px}.modal-details p{font-size:13px;line-height:1.8;margin:0 0 12px}.modal-details p.modal-placeholder{font-size:11px;color:var(--muted)}.text-button{padding:10px 0;background:transparent;font-size:12px;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;width:130px}.contact-dialog{width:min(650px,92vw);padding:0 30px 26px}.contact-dialog .dialog-top{padding:20px 0}.contact-dialog h2{font-size:48px;line-height:1.05;margin:28px 0 12px}.contact-dialog h2 .serif{font-size:1.14em}.form-intro{font-size:12px;color:var(--muted);margin-bottom:26px}#brief-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select,textarea{background:#edeFE7;border:1px solid #d9dfce;border-radius:3px;color:var(--ink);font-size:12px;padding:12px;width:100%;min-width:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#79816d}.submit-brief{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 17px;background:var(--ink);color:var(--paper);border-radius:3px;font-size:12px}.form-note{font-size:10px;line-height:1.7;color:var(--muted);margin:13px 0 0}#form-status{font-size:12px;line-height:1.5;margin-bottom:0;color:#53682d}#form-status:empty{display:none}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes dialog-in{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.orbit-dashboard{top:48cqw}.modal-preview .preview-stage{width:min(560px,80%,65vh);max-height:none}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{padding-top:55px;padding-bottom:55px}.hero-composition{padding:55px 0}.atlas{width:310px}.hero-composition{grid-template-columns:1fr 320px}.project-art{height:520px}}
@media(max-width:1100px){.hero-composition{grid-template-columns:1fr 210px;gap:15px}h1{font-size:8.2vw}.atlas{width:210px}.title-star{font-size:35px;margin-left:10px}.project-art{height:330px}.project-meta h3{font-size:17px}.filters{gap:1px}.filter{padding:8px 10px}.studio-section{gap:35px}.studio-copy h2{font-size:37px}.contact-arrow{font-size:70px;width:90px;height:90px}}
@media(max-width:760px){html{scroll-padding-top:25px}.header{height:80px;margin:0 6%}.brand{font-size:20px}.brand-mark{width:43px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;width:38px;height:38px;align-items:center;justify-content:center}.menu-toggle span{width:21px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{display:flex;flex-direction:column;gap:22px;padding:28px 6%;background:var(--paper);border-bottom:1px solid var(--line);position:absolute;top:80px;left:0;right:0;z-index:9;box-shadow:0 15px 25px #00000009}.mobile-nav a,.mobile-nav button{font-size:22px;letter-spacing:-.7px;text-align:left;padding:0;background:none}.mobile-nav sup{font:10px 'Courier New',monospace}.hero{padding:30px 6% 30px}.eyebrow{font-size:8px}.hero-index{display:none}.hero-composition{grid-template-columns:1fr;padding:28px 0 26px;position:relative;gap:0}h1{font-size:clamp(50px,10.5vw,81px);letter-spacing:-.07em;z-index:1;line-height:1.01}.title-star{font-size:7vw;margin:5px 0 0 8px}.atlas{display:none}.hero-bottom{grid-template-columns:1fr;gap:25px;align-items:start}.hero-bottom p{grid-row:1;font-size:12px;line-height:1.75;max-width:300px}.desktop-break{display:none}.discover-link{font-size:11px}.round-arrow{width:33px;height:33px;font-size:17px}.hero-number{display:none}.work-section{padding:28px 6% 0}.section-heading{align-items:start;flex-direction:column;gap:17px}.section-heading h2{font-size:33px}.section-eyebrow{font-size:8px}.filters{gap:4px;flex-wrap:wrap}.filter{font-size:10px;padding:9px 11px}.concept-note{font-size:7px;margin:16px 0 14px}.project-grid{display:flex;flex-direction:column;gap:27px}.project-card{width:100%}.project-art{height:auto;aspect-ratio:1.15}.preview-stage{width:85%}.project-label{font-size:7px;top:14px;left:14px}.project-view{transform:none;width:30px;height:30px;bottom:12px;right:12px;font-size:17px}.project-meta{margin-top:13px}.project-meta h3{font-size:18px}.project-meta p{font-size:10px}.project-type{font-size:7px;padding:5px 7px}.work-bottom{font-size:7px;padding:24px 0;line-height:1.7}.work-bottom span:last-child{display:none}.studio-section{padding:40px 6% 45px;grid-template-columns:1fr;gap:24px}.studio-symbol{display:none}.studio-copy h2{font-size:clamp(31px,6.6vw,45px);margin-bottom:25px;line-height:1.15}.studio-details{grid-template-columns:1fr;gap:15px}.studio-details p{font-size:12px}.capabilities{gap:6px;margin-top:22px}.capabilities span{font-size:9px;padding:7px 9px}.contact-section{margin:0 3%;padding:23px 3.2% 26px}.contact-top>.mono{display:none}.contact-large{font-size:clamp(35px,8.1vw,59px);padding:30px 0 23px;line-height:1.04}.contact-arrow{font-size:36px;width:40px;height:50px;flex-shrink:0}.contact-large .serif{font-size:1.04em}.contact-caption{display:none}.contact-bottom p{font-size:11px}.footer{margin:0 6%;padding:25px 0 23px;display:grid;grid-template-columns:1fr auto;gap:20px}.footer>.mono{grid-row:2;grid-column:1/3;font-size:7px}.footer-brand{font-size:15px}.back-top{font-size:10px}.back-top span{margin-left:10px}.footer-brand .brand-mark{width:29px}.modal-details{grid-template-columns:1fr;padding:23px;gap:22px}.modal-details h2{font-size:35px}.modal-preview .project-art{height:auto;aspect-ratio:1.25}.modal-preview .preview-stage{width:85%}.dialog-top{padding:16px 20px}.contact-dialog{padding:0 23px 24px}.contact-dialog h2{font-size:37px}.form-row{grid-template-columns:1fr;gap:0}.form-intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.project-open:hover .preview-stage{transform:none}}

/* Hero revision: give the atlas a clear role and let the portfolio follow naturally. */
.atlas{width:270px;transform:rotate(-5deg)}
.atlas-coordinate{font-size:11px;letter-spacing:.04em}
.atlas-bottom{display:none}
.atlas-purpose{border-top:1px solid #bfc6b5;margin:0 16px;padding-top:11px;display:flex;flex-direction:column;gap:4px;transform:rotate(5deg)}
.atlas-purpose strong{font-size:14px;font-weight:650;letter-spacing:-.02em}
.atlas-purpose span{font-size:11px;color:var(--muted);line-height:1.5}
.hero-bottom{display:flex;align-items:end;justify-content:flex-start;gap:28px}
.hero-bottom p{font-size:14px;max-width:410px}
.hero-number{font-size:10px;line-height:1.65}
@media(max-width:760px){.hero-bottom{display:block}.hero-bottom p{font-size:12px}.hero-number{display:none}}
.globe-stage{position:relative;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:50%;outline:none}
.globe-stage:active,.globe-stage.is-dragging{cursor:grabbing}
.globe-stage:focus-visible{outline:2px solid #738b2c;outline-offset:3px}
.globe-hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%) rotate(5deg);white-space:nowrap;background:var(--paper);border:1px solid #cbd0c3;border-radius:20px;padding:5px 8px;font-size:7px;color:var(--muted);opacity:0;transition:opacity .2s,transform .25s}
.globe-stage:hover .globe-hint,.globe-stage:focus-visible .globe-hint,.globe-stage.is-dragging .globe-hint{opacity:1;transform:translateX(-50%) rotate(5deg) translateY(-3px)}
.globe-pin-ring{fill:var(--acid);stroke:var(--ink);stroke-width:1.1}
.globe-pin-dot{fill:var(--ink)}
.globe-pin-pulse{fill:none;stroke:#79994d;stroke-width:1;animation:pin-pulse 1.4s var(--ease) infinite}
@keyframes pin-pulse{0%{r:7;opacity:.8}100%{r:15;opacity:0}}
@media(prefers-reduced-motion:reduce){.globe-pin-pulse{animation:none;opacity:0}}
.hero{position:relative;overflow:hidden;isolation:isolate;background:#ccd9e7}
.cloud-sky{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(245,245,240,.26),rgba(245,245,240,.04) 58%,rgba(245,245,240,.14)),linear-gradient(180deg,rgba(245,245,240,.04) 58%,var(--paper) 100%)}
.hero>*:not(.cloud-sky){position:relative;z-index:2}
#globe-lines{opacity:.38}
.sphere-outline,.crosshair{stroke:#5f6c5b}
.globe-digit{font-family:'Courier New',monospace;font-weight:700;fill:#30382d;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.globe-center{fill:#1f261e}