:root{--paper:#101310;--ink:#edf0e8;--muted:#a1ad9e;--line:#30392d;--green:#c6f68b;--white:#151b14;--accent:var(--green);--accent-rgb:198,246,139;--dark-text:#182011}
html[data-accent=blue]{--green:#a2caff;--accent-rgb:162,202,255}html[data-accent=peach]{--green:#ffb995;--accent-rgb:255,185,149}
body{background:var(--paper);color:var(--ink)}.reading-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--green);z-index:100;transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}.site-header{background:#101310ed;border-color:#30392d}.brand-mark>span,.footer-name>span{color:var(--green)}.languages>span{color:#74816e}.languages button[aria-pressed=true]{color:var(--green)}.header-inner nav a:hover,.text-link:hover{color:var(--green)}.header-cta{background:#1a2216}.header-cta:hover{color:var(--dark-text)}.button.dark{background:var(--green);border-color:var(--green);color:var(--dark-text)}.button.dark:hover{background:var(--green);box-shadow:0 8px 30px rgba(var(--accent-rgb),.14);color:#11170e}.button.outline:hover{color:var(--dark-text)}.skip{background:var(--green);color:#192820}.text-link.subtle{color:var(--muted)}:focus-visible{outline-color:var(--green)}.eyebrow{color:#b5c4aa}.status-dot{background:var(--green);box-shadow:0 0 15px rgba(var(--accent-rgb),.4)}.header-inner{height:84px}.brand-sub{color:#9cae92}
.studio-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0 70px;padding-top:45px}.studio-copy{padding:45px 0 0;position:relative;z-index:2}.studio-copy .eyebrow{font-size:10px;display:flex;align-items:center;gap:12px}.studio-copy h1{font-family:var(--sans);font-weight:550;font-size:clamp(70px,8.2vw,118px);letter-spacing:-.075em;line-height:.93;margin:37px 0 29px}.studio-copy h1>span{color:var(--green)}.studio-copy h1 i{font-style:normal;color:var(--ink)}.hero-role{font-size:24px;line-height:1.4;color:var(--ink);letter-spacing:-.035em}.hero-role em{color:var(--muted);font-size:26px}.studio-intro{font-size:15px;max-width:405px;line-height:1.85;margin-top:20px}.studio-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.studio-actions .button{padding:16px 22px;gap:35px}.studio-about{font-size:12px;display:flex;gap:12px;align-items:center}.studio-about:hover{color:var(--green)}.student-note{display:flex;gap:15px;align-items:center;margin-top:38px;font-size:11px;color:#d5decd}.student-note>span{display:grid;place-items:center;width:33px;height:33px;border:1px solid #3c4736;border-radius:7px;font-size:20px;color:var(--green)}.student-note>div>span{color:var(--muted)}.student-note small{display:block;font-size:9px;letter-spacing:.05em;color:#819078;margin-top:4px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:30px 0 22px;border-bottom:1px solid var(--line);margin-top:26px;font-size:8px;letter-spacing:.16em;color:#9ea995}.hero-bottom a{color:var(--green)}
.lanyard-experience{min-width:0;background:radial-gradient(ellipse at 50% 45%,#28341e60,transparent 65%),#141a13;border:1px solid #2b3526;border-radius:22px;overflow:hidden;position:relative}.stage-top{display:flex;justify-content:space-between;position:absolute;top:23px;left:25px;right:25px;z-index:4;font-size:8px;letter-spacing:.16em;color:#a6b59b;pointer-events:none}.stage-top>span:first-child{display:flex;align-items:center;gap:7px}.stage-top i{width:4px;height:4px;border-radius:50%;background:var(--green)}.lanyard-stage{height:555px;position:relative;overflow:hidden;isolation:isolate;--card-width:224px;--card-height:310px;perspective:1000px}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#839a6120 1px,transparent 1px),linear-gradient(90deg,#839a6120 1px,transparent 1px);background-size:47px 47px;mask-image:radial-gradient(ellipse,black,transparent 75%);opacity:.38;pointer-events:none}.stage-glow{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.1),transparent 70%);transform:translate(var(--glow-x,0),var(--glow-y,0));pointer-events:none}.lanyard-rope{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.lanyard-rope path{fill:none;stroke-linecap:round}.lanyard-rope #strap-shadow{stroke:#0009;stroke-width:30;transform:translate(4px,3px);filter:blur(4px)}.lanyard-rope #strap{stroke:url(#strap-gradient);stroke-width:21}.lanyard-rope #strap-stitch{stroke:#26391f88;stroke-width:1.5;stroke-dasharray:3 5}.rope-anchor{position:absolute;top:-7px;left:calc(50% - 13px);width:26px;height:18px;border-radius:50%;border:2px solid #5b6a50;background:#212a1b;z-index:2}.badge-position{position:absolute;left:50%;top:310px;width:var(--card-width);height:var(--card-height);transform:translate(-50%,-50%);z-index:3;will-change:transform}.badge-tilt{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateZ(var(--rz,-5deg)) rotateY(var(--ry,-8deg)) rotateX(var(--rx,3deg))}.badge-clip{position:absolute;left:calc(50% - 13px);top:-32px;width:26px;height:42px;border:5px solid #b6beb1;border-top-color:#e7eee2;border-radius:12px 12px 7px 7px;background:linear-gradient(90deg,#30392f,#dfe4d6 45%,#777e70);box-shadow:2px 4px 8px #0006;z-index:4}.badge-clip:after{content:'';position:absolute;width:34px;height:8px;border-radius:5px;background:linear-gradient(#282e25,#a9b49f);left:-9px;bottom:-9px;border:1px solid #d8e0d1}.id-card{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(var(--flip,0deg));transition:transform .65s cubic-bezier(.22,.7,.2,1);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;border-radius:15px;outline-offset:10px;filter:drop-shadow(12px 25px 17px #0008)}.id-card[data-dragging=true]{cursor:grabbing}.id-card[data-flipped=true]{--flip:180deg}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:15px;overflow:hidden;border:1px solid #e4e8d1;box-shadow:inset 0 0 0 5px #ffffff14;color:#182011;background:#e6eddf;display:flex;flex-direction:column;padding:17px}.card-front{background:linear-gradient(135deg,#fbffe9,#d8e4c8 65%,#c2d6ab)}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.13em;font-weight:700;padding-top:6px}.card-orbit{font-size:23px;font-weight:400;line-height:1}.card-avatar{position:relative;background:#1b291a;margin-top:15px;height:122px;border-radius:5px;color:var(--green);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-grid{position:absolute;inset:0;background-image:linear-gradient(#c6f68b12 1px,transparent 1px),linear-gradient(90deg,#c6f68b12 1px,transparent 1px);background-size:13px 13px;transform:rotate(-13deg) scale(1.4)}.card-avatar>span{font-size:94px;line-height:1;letter-spacing:-.11em;z-index:1;font-weight:550;transform:translate(-9px,-7px)}.card-avatar>span>span{color:#e3e9d7}.card-avatar i{position:absolute;right:10px;bottom:12px;font-size:6px;font-style:normal;line-height:1.5;letter-spacing:.05em;color:#c3cdb8}.card-person{padding:15px 0 0}.card-person strong{font-size:29px;letter-spacing:-.055em;line-height:.98;display:block;font-weight:650;position:relative}.card-person strong>span{position:absolute;right:0;bottom:1px;font-size:35px;font-weight:400}.card-person p{font-size:6px;letter-spacing:.15em;color:#56624b;margin-top:9px;font-weight:600}.card-bottom{margin-top:auto;padding-top:9px;border-top:1px solid #aebba0;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.1em;font-weight:600}.card-shine{position:absolute;inset:0;background:linear-gradient(120deg,transparent 15%,#fff5 35%,transparent 53%);background-position:var(--shine,0) 0;pointer-events:none;mix-blend-mode:screen}.card-back{transform:rotateY(180deg);background:#d1e2b9}.card-back .card-top>span:last-child{font-size:20px;line-height:1}.back-monogram{font-family:monospace;font-size:38px;color:#50703b;padding:18px 0 10px;letter-spacing:-.14em}.card-back>strong{font-size:24px;letter-spacing:-.04em;line-height:1.1}.card-back>strong em{font-size:26px}.card-back>p{font-size:9px;line-height:1.6;color:#485d38;margin-top:10px}.back-project{margin-top:15px;border-top:1px solid #a9bc94;padding-top:8px}.back-project small{display:block;font-size:5px;letter-spacing:.17em}.back-project>span{display:block;font-size:12px;margin-top:4px}.stage-floor{position:absolute;bottom:61px;left:25%;width:50%;height:27px;border-radius:50%;background:#0006;filter:blur(13px);transform:scale(var(--shadow-scale,1));pointer-events:none}.drag-caption{position:absolute;left:24px;bottom:30px;font:italic 18px var(--serif);color:#91a184;transform:rotate(-8deg);pointer-events:none}.stage-controls{display:flex;align-items:center;justify-content:space-between;padding:19px 24px;border-top:1px solid #303c29;background:#151c12;gap:12px}.stage-controls p{font-size:10px;color:#c1ceb6;line-height:1.5}.stage-controls p small{display:block;font-size:8px;color:#839677;margin-top:3px}.stage-controls>div{display:flex;gap:7px}.stage-controls button{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;font-size:20px;background:#25321d;border:1px solid #425336;border-radius:50%;color:var(--green)}.stage-controls button:hover{background:var(--green);color:#172011}.studio-toolbar{display:flex;align-items:center;gap:28px;padding-block:20px;border-bottom:1px solid var(--line);font-size:9px}.studio-toolbar>div{display:flex;align-items:center;gap:15px}.tool-label{color:#87977b;font-size:8px;letter-spacing:.13em}.theme-picks{display:flex;gap:8px}.theme-picks button{background:var(--dot);border:4px solid var(--paper);width:22px;height:22px;border-radius:50%;outline:1px solid transparent;padding:0}.theme-picks button[aria-pressed=true]{outline-color:var(--dot)}.theme-picks button:focus-visible{outline:2px solid white;outline-offset:3px}#motion-toggle{display:flex;align-items:center;gap:7px;background:none;font-size:9px;padding:8px;color:#adbaa2}.motion-indicator{width:7px;height:7px;background:var(--green);border-radius:50%}#motion-toggle[aria-pressed=true] .motion-indicator{background:#66745c}.toolbar-hint{margin-left:auto;color:#87977b;font-style:italic}
.section-heading h2 em,.about-copy h2 em,.contact-copy h2 em{color:var(--green)}.project-index{border-color:var(--green);color:var(--green)}.project-tags>span{background:#192113;border-color:#35442a;color:#b6c7a6}.feature-list li:before{color:var(--green)}.round-arrow{background:var(--green);color:#182011}.project-viewer{min-width:0;overflow:hidden;background:#1c2518;border:1px solid #35432c;border-radius:12px}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;font-size:8px;letter-spacing:.1em;border-bottom:1px solid #34422b;gap:10px}.viewer-top>span{color:#adbf9e}.viewer-top i{font-style:normal;color:var(--green);margin-left:6px}.viewer-top>div{display:flex;border:1px solid #3e4d34;padding:3px;border-radius:5px;gap:3px}.viewer-top button{background:none;font-size:8px;border-radius:3px;padding:6px 9px;color:#a8b89a}.viewer-top button[aria-pressed=true]{background:var(--green);color:#182011}.project-visual{border:0;border-radius:0;min-height:320px;height:340px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#3d4c3044,transparent 75%);padding:20px}.project-visual img{max-height:100%;object-fit:contain;box-shadow:0 10px 25px #0003}.project-visual.mobile img{max-width:145px;height:100%;width:auto;border:4px solid #38432e;border-radius:14px;box-shadow:15px 15px 30px #0003}.viewer-caption{font-size:9px;color:#91a083;padding:12px 17px;border-top:1px solid #34422b}.services-section{background:#171e13;border-color:#303d26}.service-list{border-color:#39482d}.service-list article{border-color:#39482d}.service-symbol{color:var(--green)}.service-number{color:#8b9e7b}.about-visual{background:radial-gradient(ellipse at 50% 40%,#334626,#172111 65%);border:1px solid #35472a}.monogram{color:var(--green)}.monogram>span{color:#c0ceaf}.about-facts dd>span{color:#8d9d80}.process-section{background:#1c2815;border-block:1px solid #36482b}.process-title p,.process-list p{color:#a3b594}.process-list li{border-color:#445737}.brief-panel{background:#172012;border-color:#34472a;border-radius:12px}.brief-heading>span{color:#182011}.brief-panel input,.brief-panel select,.brief-panel textarea,dialog textarea{background:#10180d;border-color:#3c4d31;color:#e2ebd8}::placeholder{color:#7e8e71}.site-footer{border-color:var(--line)}dialog{background:#182113;border-color:#4c623c;color:#e7efdd}dialog::backdrop{background:#050904c9}.dialog-close:hover{color:#182011}.dialog-close{color:#e7efdd}.lightbox{background:#151c11}.case-title h1>span,.case-title h1 em{color:var(--green)}.case-design{background:#1b2215;border-color:#354329}.design-specimen{background:#f5efe3}.design-specimen>p{color:#68705f}.case-meta p{color:#dbe5d0}.mobile-section{background:#1c2815}.case-phone{border-color:#526740;box-shadow:20px 25px 0 #304124}.image-button{background:#25301e;border-color:#435637}.zoom-label{background:#1c2815;color:#dbe8ce}.lightbox .dialog-close{background:#25301e}.lightbox p{color:#c0cdb4}
@media(max-width:1100px){.studio-hero{gap:0 40px}.studio-copy{padding-top:35px}.studio-copy h1{font-size:90px}.hero-role{font-size:20px}.hero-role em{font-size:22px}.studio-intro{font-size:14px}.studio-actions{gap:18px}.studio-actions .button{font-size:12px;gap:25px}.lanyard-stage{height:545px}.student-note{font-size:10px}.project-visual{height:310px;min-height:0}.stage-controls{padding:15px}.stage-controls p{font-size:9px}.stage-controls p small{font-size:7px}}
@media(max-width:800px){.studio-hero{grid-template-columns:1fr 1fr;gap:0 22px;padding-top:30px}.studio-copy{padding-top:30px}.studio-copy h1{font-size:72px;margin-top:30px}.studio-copy .eyebrow{font-size:7px;gap:8px;letter-spacing:.1em}.hero-role{font-size:17px}.hero-role em{font-size:19px;display:block}.studio-intro{font-size:12px;line-height:1.8;margin-top:16px}.studio-actions{flex-wrap:wrap;gap:17px;margin-top:23px}.studio-actions .button{padding:13px 16px;font-size:11px;gap:20px}.studio-about{font-size:10px}.student-note{margin-top:25px;gap:10px;font-size:9px}.student-note>div>span{display:block}.student-note small{font-size:8px}.lanyard-stage{height:500px;--card-width:198px;--card-height:280px}.stage-controls{align-items:start;gap:8px}.stage-controls p{font-size:8px}.stage-controls p small{font-size:7px;max-width:145px}.stage-controls button{width:30px;height:30px;font-size:17px}.stage-top{left:16px;right:16px;font-size:7px;top:20px}.card-face{padding:14px}.card-top{font-size:6px}.card-avatar{height:105px;margin-top:13px}.card-avatar>span{font-size:82px}.card-person strong{font-size:27px}.card-person p{font-size:5px}.card-bottom{font-size:5px}.back-monogram{font-size:32px;padding:12px 0 8px}.card-back>strong{font-size:22px}.card-back>strong em{font-size:23px}.card-back>p{font-size:8px;margin-top:8px}.back-project{margin-top:10px}.drag-caption{font-size:15px;left:18px;bottom:24px}.hero-bottom{margin-top:20px;font-size:7px}.studio-toolbar{gap:20px}.toolbar-hint{display:none}.project-viewer{order:-1}.project-visual{height:390px}.project-visual.mobile img{max-width:175px}.section-heading .section-intro{color:#9eae92}}
@media(max-width:560px){.header-inner{height:72px}.header-inner nav{background:#11180d}.studio-hero{grid-template-columns:1fr;padding-top:0}.studio-copy{padding-top:37px}.studio-copy .eyebrow{font-size:8px;letter-spacing:.13em}.studio-copy h1{font-size:clamp(79px,23vw,112px);margin:30px 0 24px}.hero-role{font-size:20px}.hero-role em{display:inline;font-size:22px}.studio-intro{font-size:14px;max-width:360px;margin-top:15px}.studio-actions{margin-top:24px;gap:25px;flex-wrap:nowrap}.studio-actions .button{padding:15px 18px;font-size:12px;gap:26px}.studio-about{font-size:11px}.student-note{font-size:10px;margin-top:29px}.student-note>div>span{display:inline}.student-note small{font-size:8px}.lanyard-experience{margin-top:35px;border-radius:16px}.lanyard-stage{height:480px;--card-width:210px;--card-height:294px}.stage-top{left:20px;right:20px;font-size:7px}.stage-controls{padding:17px 18px;align-items:center}.stage-controls p{font-size:9px}.stage-controls p small{font-size:7px;max-width:215px}.stage-controls button{width:32px;height:32px}.card-face{padding:15px}.card-avatar{height:113px}.card-person strong{font-size:29px}.card-person p{font-size:6px}.card-bottom{font-size:6px}.card-back>p{font-size:9px}.back-project{margin-top:13px}.drag-caption{font-size:16px;bottom:23px}.hero-bottom{font-size:6px;letter-spacing:.09em;padding-top:24px;gap:18px;margin-top:0}.studio-toolbar{padding-block:18px;gap:16px;justify-content:space-between}.studio-toolbar>div{gap:12px}.tool-label{font-size:7px}.theme-picks{gap:6px}.theme-picks button{width:20px;height:20px}#motion-toggle{font-size:8px;gap:6px;padding-right:0}.project-visual{height:295px;padding:15px}.project-visual.mobile img{max-width:130px}.viewer-top{padding:12px;font-size:7px}.viewer-top button{font-size:7px;padding:5px 7px}.viewer-caption{font-size:8px;padding:10px 12px}.card-front{border-radius:13px}.lanyard-experience:focus-within{border-color:#779257}.student-note>span{width:30px;height:30px}.footer-bottom{color:#8b9d7d}}
@media(max-width:360px){.studio-copy h1{font-size:79px}.studio-copy .eyebrow{font-size:7px}.hero-role{font-size:18px}.hero-role em{font-size:20px}.studio-actions{gap:15px}.studio-about{font-size:10px}.studio-actions .button{gap:20px;font-size:11px}.student-note{font-size:9px}.studio-toolbar{gap:10px}.studio-toolbar>div{gap:8px}.tool-label{font-size:6px}#motion-toggle{font-size:7px}.lanyard-stage{height:455px;--card-width:198px;--card-height:280px}.stage-controls p{font-size:8px}.stage-controls p small{max-width:160px}.card-avatar{height:101px}.card-person strong{font-size:26px}.card-person p,.card-bottom{font-size:5px}.card-back>p{font-size:8px}.stage-controls{padding:15px 13px}.stage-controls button{width:30px;height:30px}.project-visual{height:250px}}
.lanyard-rope #strap{stroke:#b2cc94}
.id-card{filter:none}.card-face{box-shadow:12px 25px 25px #0005,inset 0 0 0 5px #ffffff14}
html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.id-card{transition:none}.badge-position{will-change:auto}}