html,body{height:auto;overflow:visible}body::before{display:none}html{scroll-padding-top:110px}body{font-size:15px}a{text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e2c98f;outline-offset:5px}img{max-width:100%}.skip{position:absolute;left:15px;top:-100px;z-index:1000;background:#e2c98f;color:#111;padding:12px}.skip:focus{top:10px}.preview-note{text-align:center;background:#c8a55c;color:#171817;letter-spacing:.15em;font-size:10px;padding:5px}.site-header{position:sticky;top:0;z-index:20;background:#0d0e10f5;border-bottom:1px solid var(--rule);padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;backdrop-filter:blur(16px)}.wordmark{font-size:17px;letter-spacing:.13em;text-decoration:none;line-height:1.3}.wordmark b{color:var(--brass)}.wordmark small{display:block;font-size:10px;letter-spacing:.12em;color:var(--ink-2);margin-top:5px}#site-nav{display:flex;gap:28px}#site-nav a{font-size:12px;text-decoration:none;color:var(--ink-2)}#site-nav a:hover{color:var(--brass-hi)}.menu-toggle{display:none}.new-hero{position:relative;min-height:680px;padding:90px 7% 80px;display:flex;align-items:center;background:linear-gradient(90deg,#0d0e10f5 0%,#0d0e10c4 40%,#0d0e1020 80%),linear-gradient(0deg,#0d0e10,transparent 35%),url('/shots/cover-rainbow-cropped.jpg') center 48%/cover}.kicker{font-size:10px;letter-spacing:.18em;font-weight:600;color:var(--brass-hi)}.hero-copy{max-width:700px}.new-hero h1{font:500 clamp(46px,5.5vw,82px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:25px 0}.new-hero h1 em,.home-section h2 em,.work-copy h2 em{color:var(--brass-hi);font-weight:400}.hero-copy>p{max-width:440px;font-size:16px;color:var(--ink-2);line-height:1.8}.hero-actions{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-actions>a:not(.button){font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;background:var(--brass-hi);border:1px solid var(--brass-hi);color:#181916;text-decoration:none;font-size:12px;font-weight:600;min-height:48px}.button:hover{background:#efdcaf}.photo-credit{position:absolute;bottom:20px;right:5%;font-size:10px;color:#c3bcae}.trust-line{padding:22px 7%;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--ink-2)}.trust-line>span:first-child{color:var(--brass-hi)}.home-section{padding:85px 7%;max-width:1600px;margin:auto;scroll-margin-top:15px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.home-section h2,.work-copy h2{font:500 clamp(36px,3.7vw,56px)/1.05 'Cormorant Garamond',Georgia,serif;margin:15px 0 22px;letter-spacing:-.02em}.section-heading>p{max-width:375px;font-size:13px;color:var(--ink-2);margin-bottom:23px}.offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.offer{border:1px solid var(--rule);padding:28px;background:linear-gradient(135deg,#1b1d20,#121416);display:flex;flex-direction:column;scroll-margin-top:120px}.offer h3{font:500 30px/1.15 'Cormorant Garamond',Georgia,serif;margin:17px 0 10px}.offer p{font-size:13px;color:var(--ink-2);margin:0 0 25px;flex:1}.offer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--rule);padding-top:18px;font-size:12px}.offer-bottom strong{color:var(--brass-hi);font-weight:500}.offer-bottom a{padding:6px 0}.custom-line{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:28px;font-size:12px;color:var(--ink-2)}.custom-line a{flex-shrink:0;color:var(--brass-hi)}.work-section{display:grid;grid-template-columns:1.05fr 1fr;background:#191b1d;border-block:1px solid var(--rule);align-items:center}.work-picture{padding:55px 0 55px 9%}.work-picture img{display:block;width:100%;border:1px solid var(--rule);box-shadow:0 20px 70px #0005}.work-copy{padding:60px 12%}.work-copy p{font-size:13px;color:var(--ink-2)}.work-copy .work-credit{font-size:10px;margin:22px 0 26px}.care-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-bottom:1px solid var(--rule)}.care-section>div>p{color:var(--ink-2);max-width:470px;font-size:14px}.care-section a{color:var(--brass-hi);font-size:13px}.care-mini{display:grid;grid-template-columns:1fr 1fr;gap:20px}.care-mini article{border-left:1px solid var(--rule);padding-left:24px}.care-mini article>span{font-size:10px;letter-spacing:.12em;color:var(--brass-hi)}.care-mini h3{font:46px/1.2 'Cormorant Garamond',serif;margin:16px 0}.care-mini h3 small{font:11px Inter,sans-serif;color:var(--ink-2)}.care-mini article p{font-size:12px;color:var(--ink-2)}.care-mini .care-note{grid-column:1/-1;font-size:11px;color:var(--ink-2)}.research-list details{border-top:1px solid var(--rule);scroll-margin-top:115px}.research-list details:last-child{border-bottom:1px solid var(--rule)}.research-list summary{padding:24px 0;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:27px/1.2 'Cormorant Garamond',serif}.research-list summary span{font:11px Inter,sans-serif;align-self:center;color:var(--brass-hi);flex-shrink:0}.research-detail{padding:16px 0 40px}.research-detail .tag,.detail-section .tag{position:static;margin-bottom:25px}.research-detail .proj,.detail-section .proj{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-height:none;overflow:visible}.research-detail .plate,.detail-section .plate{height:auto;min-height:0;align-self:start}.research-detail .plate img,.detail-section .plate img{height:auto;max-height:none;object-fit:contain}.research-detail .info,.detail-section .info{overflow:visible;max-height:none}.research-detail h2{font-size:36px}.studio-section{border-top:1px solid var(--rule);background:radial-gradient(ellipse at top left,#c8a55c0c,transparent 70%)}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;color:var(--ink-2);font-size:14px}.studio-grid p{max-width:450px}.studio-links{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;color:var(--brass-hi);margin:24px 0}.studio-grid ol{padding-left:20px;margin:12px 0}.studio-grid li{padding:0 0 15px 10px}.studio-grid b{color:var(--ink)}.contact-strip{display:flex;align-items:center;gap:28px;flex-wrap:wrap;border-top:1px solid var(--rule);margin-top:30px;padding-top:30px;font-size:12px}.contact-strip span{color:var(--brass-hi);font-style:italic}.site-footer{padding:32px 7% 110px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--ink-2)}.site-footer>div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.site-footer>div>a{align-self:center}.detail-main{padding:50px 7% 80px;max-width:1500px;margin:auto}.back-link{display:inline-block;color:var(--brass-hi);margin-bottom:45px;font-size:12px}.detail-section h1{font:500 54px/1.05 'Cormorant Garamond',serif;margin:16px 0}.detail-terms{margin-top:45px;border-top:1px solid var(--rule);padding-top:25px;color:var(--ink-2);font-size:13px}.detail-terms p{max-width:700px}#developer{scroll-margin-top:0}.cpl-contact{bottom:20px!important}
@media(max-width:1050px){#site-nav{gap:18px}.offers{grid-template-columns:repeat(2,minmax(0,1fr))}.new-hero{min-height:640px}.care-section{gap:35px}.work-copy{padding:40px 8%}.studio-grid{gap:35px}}
@media(max-width:700px){html{scroll-padding-top:90px}.site-header{padding:16px 6%;gap:12px}.wordmark{font-size:14px}.wordmark small{font-size:9px}.menu-toggle{display:block;background:none;border:1px solid var(--rule);color:var(--brass-hi);padding:12px;font:12px Inter,sans-serif;min-height:44px}#site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#15171b;padding:12px 6% 20px;border-bottom:1px solid var(--rule)}#site-nav.is-open{display:flex;flex-direction:column;gap:0}#site-nav a{padding:13px 0}.new-hero{min-height:690px;padding:235px 6% 55px;align-items:end;background:linear-gradient(0deg,#0d0e10 2%,#0d0e10e8 37%,#0d0e1060 65%,#0d0e1010),url('/shots/cover-rainbow-cropped.jpg') center top/auto 410px no-repeat}.new-hero h1{font-size:49px;margin:22px 0}.hero-copy>p{font-size:14px}.hero-copy .kicker{font-size:8px}.hero-actions{gap:20px}.photo-credit{bottom:15px;font-size:8px;left:6%;right:auto}.trust-line{padding:20px 6%;flex-direction:column;gap:8px}.home-section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin:0;max-width:100%}.offers{grid-template-columns:1fr;gap:12px}.offer{padding:24px}.offer h3{font-size:29px}.offer p{margin-bottom:20px}.custom-line{display:block}.custom-line a{display:inline-block;margin-top:8px}.work-section{grid-template-columns:1fr}.work-picture{padding:35px 6% 0}.work-copy{padding:30px 6% 40px}.care-section{grid-template-columns:1fr;gap:32px}.care-mini{gap:16px}.care-mini article{padding-left:15px}.care-mini h3{font-size:40px}.care-mini article>span{font-size:9px}.research-list summary{font-size:23px}.research-list summary span{font-size:9px}.research-detail .proj,.detail-section .proj{display:flex;flex-direction:column;gap:25px}.research-detail .plate,.detail-section .plate{width:100%;display:block}.research-detail .box,.detail-section .box{grid-template-columns:1fr}.research-detail .info,.detail-section .info{width:100%;display:block}.research-detail .pts,.detail-section .pts{font-size:13px}.research-detail .casefile,.detail-section .casefile{max-width:100%;flex-wrap:wrap}.studio-grid{grid-template-columns:1fr;gap:10px}.contact-strip{gap:22px}.site-footer{padding:30px 6% 110px;flex-direction:column}.site-footer>div{gap:15px}.detail-main{padding:35px 6% 60px}.detail-section h1{font-size:42px}.detail-section .tag{flex-wrap:wrap}.back-link{margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Phone hero: independent photo fade, compact copy, no floating CTA overlap. */
@media(max-width:700px){
.new-hero{min-height:0;padding:64px 6% 38px;align-items:flex-start;background:none;isolation:isolate}
.new-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,rgba(13,14,16,.32) 0%,rgba(13,14,16,.38) 55%,rgba(13,14,16,.7) 82%,#0d0e10 100%),url('/shots/cover-rainbow-cropped.jpg') center top/cover no-repeat}
.hero-copy{width:100%;min-width:0;text-shadow:0 2px 12px #0009}
.new-hero h1{font-size:clamp(37px,10.8vw,46px);line-height:1.02;margin:18px 0}
.hero-copy>p{margin:16px 0;line-height:1.65;max-width:34em}
.hero-actions{margin-top:22px;gap:18px}
.photo-credit{position:static;display:block;margin-top:25px;font-size:8px;line-height:1.5;color:var(--ink-2)}
.new-hero{display:block}
.cpl-contact{display:none!important}
}
/* Compact selected-work card. */
.work-summary{padding-top:24px;padding-bottom:24px}.work-summary>.offer{max-width:520px}
/* Nick-provided Wild Focus screenshot, cropped to the website viewport. */
.wildfocus-thumbnail{display:block;margin-top:20px;border:1px solid var(--rule);overflow:hidden}.wildfocus-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:960/514;object-fit:cover}.wildfocus-thumbnail:focus-visible{outline:2px solid var(--brass-hi);outline-offset:5px}
/* Small, decorative previews keep service cards scan-friendly on phones. */
.offers .offer-heading{display:flex;align-items:center;gap:16px;margin-bottom:14px;min-width:0}
.offers .offer-thumb{display:block;flex:0 0 80px;width:80px;height:60px;object-fit:cover;border:1px solid var(--rule);border-radius:4px;background:#242828}
.offers .offer-title{min-width:0}.offers .offer-heading h3{margin:8px 0 0}
@media(max-width:700px){.offers .offer-heading{gap:14px}.offers .offer-thumb{flex-basis:72px;width:72px;height:54px}.offers .offer-heading h3{font-size:27px}.offers .offer-title .kicker{font-size:9px;letter-spacing:.12em}}
@media(max-width:360px){.offers .offer-thumb{flex-basis:58px;width:58px;height:44px}.offers .offer-heading{gap:11px}.offers .offer-heading h3{font-size:25px}}
/* Compact research navigation; full list stays visible without JavaScript. */
.research-heading{margin-bottom:24px}.research-heading h2{font:500 26px/1.25 Inter,sans-serif;margin:0}.research-menu-toggle{align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:16px 0;border:0;background:none;color:var(--ink);font:500 20px/1.3 Inter,sans-serif;text-align:left;cursor:pointer;gap:20px}.research-menu-toggle:not([hidden]){display:flex}.research-menu-toggle span{color:var(--brass-hi)}
@media(max-width:700px){#research{padding-top:24px;padding-bottom:24px}.research-heading{margin:0;border-block:1px solid var(--rule)}.research-heading h2{padding:16px 0;font-size:20px}#research-items:not([hidden]){margin-top:16px}}
/* Compact, polished brass frames for the studio’s two profile links. */
.studio-links{gap:12px}
.studio-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;box-sizing:border-box;border:1px solid #a88c50;border-top-color:#e4ce94;border-bottom-color:#766039;border-radius:3px;background:linear-gradient(115deg,transparent 25%,#f6dfa518 46%,transparent 65%),linear-gradient(180deg,#4a4230 0%,#302d23 48%,#1e201c 51%,#29291f 100%);box-shadow:inset 0 0 0 2px #10120e,inset 0 3px 0 #e8cf8c35,0 2px 5px #0005;color:#f0dba6;text-decoration:none;font-weight:600;line-height:1.4;text-shadow:0 1px 1px #000;transition:border-color .18s,box-shadow .18s}
.studio-links a:hover{border-color:#f0dba6;box-shadow:inset 0 0 0 2px #10120e,inset 0 3px 0 #e8cf8c55,0 0 14px #c8a55c25;color:#fff0cb}
.studio-links a:focus-visible{outline:2px solid #ffe3a0;outline-offset:4px}
.studio-links a:active{box-shadow:inset 0 2px 5px #0008}
@media(prefers-reduced-motion:reduce){.studio-links a{transition:none}}
/* Space-black and silver companion to the studio brass links. */
.studio-links a.studio-x-link{gap:.5em;border-color:#858e9b;border-top-color:#e0e5ec;border-bottom-color:#4c5562;background:linear-gradient(115deg,transparent 25%,#e6edf51a 46%,transparent 65%),linear-gradient(180deg,#363c45 0%,#20252c 48%,#07090d 51%,#14181e 100%);box-shadow:inset 0 0 0 2px #06080b,inset 0 3px 0 #e5edf53d,0 2px 5px #0005;color:#e5eaf1}
.studio-links a.studio-x-link:hover{border-color:#f0f4fa;box-shadow:inset 0 0 0 2px #06080b,inset 0 3px 0 #e5edf55c,0 0 14px #cbd5e12b;color:#fff}
.studio-links a.studio-x-link:focus-visible{outline-color:#e5edf5}
.studio-links a.studio-x-link:active{box-shadow:inset 0 2px 5px #0008}
/* Tidy homepage closing: keep contact and legal controls together. */
#method{padding-bottom:32px}
#method .contact-strip{margin-top:18px;padding-top:20px}
.site-footer{padding-top:22px;padding-bottom:28px;gap:16px;align-items:center}
.site-footer .footer-links{gap:8px 20px}
.site-footer .footer-links a,.site-footer .cpl-preferences-link{display:inline-flex;align-items:center;min-height:44px;margin:0}
@media(max-width:700px){#method{padding-bottom:28px}.site-footer{align-items:flex-start;gap:12px;padding-top:22px;padding-bottom:24px}.site-footer .footer-links{gap:0 16px}}
.research-heading h2,.research-menu-toggle{color:var(--brass-hi)}