.header nav{gap:20px}.header nav a,.header nav button{font-size:12px}
.hero-brand .hero-copy>.eyebrow{font-family:Poppins,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:1px}
.hero-role .role-cursor{display:none!important}.rotating-role::after{content:'|';color:#f75023;padding-left:5px;font-weight:400;animation:role-blink 1s steps(1) infinite}
[data-theme=light] .spiral-title h2 span{color:#f75023}
/* One transform owns each fan card, and layers remain flat and stable. */
.hero-brand .skills-fan{isolation:isolate;perspective:none;transform-style:flat;--fan-offset:0;touch-action:pan-y}
.hero-brand .skills-fan .skill-card,.hero-brand .skills-fan .skill-card:hover,.hero-brand .skills-fan .skill-card:focus-visible{--raise:0px;--zoom:1;transform:translate3d(calc(-50% + var(--arc,var(--i))*var(--fan-step)*var(--spread)),calc(var(--arc-lift,var(--lift))*var(--arc-lift,var(--lift))*var(--fan-rise) - var(--raise)),0) rotate(calc(var(--arc,var(--i))*var(--fan-angle))) scale(var(--zoom));transform-style:flat;backface-visibility:hidden;transition:transform .28s cubic-bezier(.2,.75,.3,1);filter:none;box-shadow:0 15px 28px #071b2225;will-change:transform}
.hero-brand .skills-fan .skill-card:hover .graphic-art{transform:none}
@media(hover:hover) and (pointer:fine){.hero-brand .skills-fan .skill-card:hover,.hero-brand .skills-fan .skill-card:focus-visible{--raise:14px;--zoom:1.012}}
.skills-fan.is-dragging .skill-card{transition:none!important}
.skill-swipe-controls{display:none}
/* Familiar rounded symbols, precise dimensional plates, limited detail. */
.symbol-face,.symbol-backplate,.symbol-label{transform-origin:140px 130px;transition:transform .32s cubic-bezier(.2,.75,.3,1)}
.service-craft:hover .symbol-face,.service-craft:focus-within .symbol-face{transform:translateY(-8px) rotate(-3deg)}
.service-craft:hover .symbol-backplate,.service-craft:focus-within .symbol-backplate{transform:rotate(7deg) translateY(2px)}
.service-craft:hover .symbol-label,.service-craft:focus-within .symbol-label{transform:translate(5px,-4px)}
.service-craft:hover .graphic-art{transform:none}
.skill-card:hover .symbol-face,.skill-card:focus-visible .symbol-face{transform:translateY(-3px)}
.skill-card .skill-graphic-panel{background:transparent;padding:4px 16px}
.service-craft .service-graphic-panel{background:radial-gradient(ellipse at center,#f7502309,transparent 68%)}
.service-graphic-panel .skill-graphic{max-width:100%}
.logo-universe{position:relative;display:flex;flex-direction:column;min-width:0;gap:12px;align-items:center;justify-content:center}
.logo-stage{position:relative;width:100%;height:345px;isolation:isolate;background:radial-gradient(ellipse,#59ca9614,transparent 66%)}
.logo-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:pan-y;outline-offset:-10px;border-radius:28px}
.logo-canvas:active{cursor:grabbing}.logo-scene-fallback{position:absolute;left:15%;top:30%;width:70%;height:40%;object-fit:contain}
.logo-universe.ready .logo-scene-fallback{opacity:0}
.logo-orbit-line{position:absolute;left:8%;right:8%;top:19%;bottom:19%;border:1px solid var(--line);border-radius:50%;transform:rotate(-22deg) scaleY(.72);z-index:0}
.logo-tool-controls{display:flex;gap:9px;justify-content:center}
.logo-tool-controls button{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:15px;background:var(--surface);color:var(--text);border:1px solid var(--line);font:600 13px Poppins,Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.logo-tool-controls button span{font:10px 'Open Sans',Arial,sans-serif}.logo-tool-controls button:hover,.logo-tool-controls button[aria-pressed=true]{background:#f75023;color:#172f37;transform:translateY(-3px)}
.logo-scene-caption{font-size:10px;color:var(--muted);line-height:1.7;text-align:center;min-height:18px}
.enquiry-form-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:60px 0 65px;border-top:1px solid var(--line)}
.enquiry-form-wrap h3{font-family:Poppins,Arial,sans-serif;font-size:clamp(30px,3.6vw,48px);line-height:1.3;color:var(--text);margin:22px 0}
.enquiry-form-wrap>div>p:last-child{max-width:30ch;line-height:1.9;font-size:14px;color:var(--muted)}
.enquiry-form{display:flex;flex-direction:column;gap:22px}.enquiry-form label{display:flex;flex-direction:column;gap:10px;font-size:12px;line-height:1.6;color:var(--text)}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:13px;padding:14px 15px;background:var(--surface);color:var(--text);font:14px 'Open Sans',Arial,sans-serif;line-height:1.7;box-sizing:border-box}
.enquiry-form textarea{resize:vertical}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{outline:2px solid #f75023;outline-offset:2px}.enquiry-form input::placeholder,.enquiry-form textarea::placeholder{color:var(--muted);opacity:.85}
.form-submit{display:flex;align-items:center;gap:20px}.form-submit button{font-size:12px;cursor:pointer;white-space:nowrap}.form-submit p{font-size:10px;line-height:1.8;max-width:26ch;color:var(--muted)}.form-status{font-size:12px;line-height:1.8;color:var(--text)}
[data-theme=light] .contact .enquiry-form-wrap .eyebrow,[data-theme=light] .contact .enquiry-form-wrap p{color:var(--muted)}
[data-theme=light] .contact .enquiry-form-wrap label,[data-theme=light] .contact .enquiry-form-wrap h3{color:var(--text)}
.journal-page{padding-top:200px;max-width:1200px;margin:auto;min-height:100vh}.journal-page h1{font:500 clamp(42px,6vw,86px)/1.18 Poppins,Arial,sans-serif;letter-spacing:-.05em;margin:28px 0}.journal-page>p{color:var(--muted);max-width:50ch;line-height:1.9}.journal-empty{padding:40px;margin:55px 0;border:1px solid var(--line);border-radius:24px;background:var(--surface)}.journal-empty>span{font-size:35px;color:#f75023}.journal-empty h2{font-size:25px;margin:20px 0}.journal-empty p{font-size:14px;color:var(--muted)}
@media(max-width:1150px) and (min-width:761px){.header nav{gap:13px}.header nav a,.header nav button{font-size:11px}.header .wordmark{width:155px}}
@media(max-width:760px){
 .header nav a,.header nav button{font-size:21px}
 .hero-brand .hero-copy>.eyebrow{font-size:11px}.hero-stage{gap:25px}
 .logo-stage{height:265px}.hero-brand .hero-logo-space{min-height:0;padding:0;width:100%}.logo-tool-controls{gap:6px}.logo-tool-controls button{padding:8px 10px}.logo-tool-controls button span{font-size:8px}.logo-scene-caption{font-size:9px}
 .hero-brand .skills-fan{height:365px;margin-top:36px;--fan-step:115px;--fan-rise:7px;--fan-angle:9deg;--spread:1!important}
 .hero-brand .skills-fan .skill-card{top:15px;width:clamp(174px,52vw,215px);height:295px}.hero-brand .skills-fan .skill-card .fan-caption{min-height:91px;padding-top:17px}.hero-brand .skills-fan .skill-card .skill-visual{height:154px}.hero-brand .skills-fan .skill-card .skill-description{font-size:9px;line-height:1.6}
 .hero-brand .skills-fan .skill-card.selected .fan-caption{padding-left:15px;padding-right:15px;text-align:left;grid-template-columns:1fr 16px}.hero-brand .skills-fan .skill-card.selected .fan-caption strong{font-size:16px}.hero-brand .skills-fan .skill-card.selected .fan-caption>span:last-child{display:block}
 .skills-fan .fan-hint{display:none}.skill-swipe-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin:-10px 0 30px}.skill-swipe-controls button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:20px;cursor:pointer}.skill-swipe-controls button:disabled{opacity:.3;cursor:default}.skill-position{font-size:10px;width:155px;text-align:center;color:var(--muted)}
 .enquiry-form-wrap{display:block;padding:40px 0}.enquiry-form-wrap h3{font-size:34px}.enquiry-form{margin-top:35px;gap:22px}.form-pair{grid-template-columns:1fr;gap:22px}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{font-size:16px}.form-submit{align-items:flex-start;flex-direction:column;gap:15px}.form-submit p{max-width:100%;font-size:11px}
 .journal-page{padding-top:145px}.journal-page h1{font-size:44px}.journal-empty{padding:27px;margin:40px 0}.journal-empty h2{font-size:22px}
}
@media(prefers-reduced-motion:reduce){.hero-brand .skills-fan .skill-card,.symbol-face,.symbol-backplate,.symbol-label{transition:none!important}.rotating-role::after{animation:none}.service-craft:hover .symbol-face,.service-craft:hover .symbol-backplate,.service-craft:hover .symbol-label{transform:none}}
