:root{--black:#171717;--off-black:#222222;--paper:#fdfdfd;--white:#fdfdfd;--muted:#686868;--line:#d4d3ce;--display:'Arial Narrow','Helvetica Neue',Arial,sans-serif;--body:Arial,Helvetica,sans-serif;--utility:'Courier New',monospace;--page:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;background:var(--black);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}button{border:0}button:disabled{cursor:wait;opacity:.7}::selection{background:var(--paper);color:var(--black)}:focus-visible{outline:3px solid currentColor;outline-offset:5px}.wrap{width:min(var(--page),calc(100% - 112px));margin:auto}.eyebrow{font:11px/1.6 var(--utility);text-transform:uppercase;letter-spacing:.08em;margin:0}.grid-paper{background-color:var(--black);background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:48px 48px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.99}h2{font-size:clamp(40px,4.7vw,68px);letter-spacing:-.035em;margin-bottom:0}.skip{position:fixed;top:-100px;left:20px;padding:12px;background:var(--white);color:var(--black);z-index:10}.skip:focus{top:12px}.header{height:120px;display:flex;align-items:center;justify-content:space-between}.logo img{width:83px;height:auto}.header nav{display:flex;align-items:center;gap:40px}.header nav a{font-size:13px;padding:12px 0}.header nav a:hover{opacity:.65}.nav-contact{border-bottom:1px solid #777;margin-left:25px;min-width:110px;display:flex;justify-content:space-between}.menu-button{display:none}.hero-inner{padding-top:34px}.hero-top{display:flex;justify-content:space-between;border-top:1px solid #444;padding-top:20px}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding:65px 0 75px}.hero h1{font-size:clamp(58px,6.8vw,98px);letter-spacing:-.045em;margin-bottom:30px;line-height:1.02}.hero h1 span{color:#a9a9a7}.intro{font-size:16px;color:#bcbcb8;margin-bottom:30px}.button{min-height:50px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;font-size:13px;transition:background .18s,color .18s;line-height:1.4}.button.light{background:var(--paper);color:var(--black)}.button.light:hover{background:#d4d3ce}.button.dark{background:var(--black);color:var(--paper)}.button.dark:hover{background:#393939}.hero-feature{display:block;background:var(--off-black);transform:rotate(-3deg);box-shadow:0 24px 60px #0005;transition:transform .25s}.hero-feature:hover{transform:rotate(0)}.browser-bar{height:30px;background:#d4d3ce;display:flex;gap:5px;align-items:center;padding:0 12px;color:var(--muted)}.browser-bar i{width:5px;height:5px;background:#969692;border-radius:50%}.browser-bar span{margin-left:15px;font:8px var(--utility);letter-spacing:.07em}.hero-feature>img{width:100%;aspect-ratio:1.4;object-fit:cover;object-position:top}.feature-caption{padding:17px 20px;display:flex;justify-content:space-between;font-size:11px}.feature-caption span:last-child{color:#b7b7b2}.hero-bottom{border-top:1px solid #444;display:flex;justify-content:space-between;padding:20px 0 25px;color:#a9a9a7;font:11px var(--utility)}.hero-bottom a:hover{color:white}.paper{background:var(--paper);color:var(--black)}section{scroll-margin-top:24px}.work{padding:90px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p{font-size:14px;color:var(--muted);margin-bottom:5px}.period{color:var(--muted)}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:45px 0 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;color:var(--muted);padding:10px 15px;font-size:12px;min-height:44px}.filters button:hover{color:var(--black);background:#e3e2dd}.filters button[aria-pressed=true]{background:var(--black);color:var(--white)}#work-count{font:11px var(--utility);color:var(--muted);white-space:nowrap}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 30px}.project-card{width:100%;padding:0;background:none;text-align:left;color:inherit;display:block}.project-image{position:relative;background:#d9d8d2;overflow:hidden}.project-image>img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;transition:transform .35s}.project-card:hover .project-image>img{transform:scale(1.025)}.project-label{position:absolute;top:14px;left:14px;background:var(--paper);color:var(--black);padding:6px 10px;font:9px var(--utility);text-transform:uppercase;letter-spacing:.05em}.project-arrow{position:absolute;bottom:16px;right:16px;width:39px;height:39px;background:var(--paper);display:grid;place-items:center;font-size:22px}.project-meta{display:flex;justify-content:space-between;gap:12px;margin:16px 0 5px}.project-meta h3{font-size:28px;letter-spacing:-.02em;margin:0;line-height:1.2}.project-meta>span{font:10px var(--utility);color:var(--muted);padding-top:8px}.project-card>p{font-size:13px;color:var(--muted);margin-bottom:0}.project-card:last-child:nth-child(odd){grid-column:1/-1;max-width:calc(50% - 15px)}.work-note{font:10px/1.8 var(--utility);color:var(--muted);margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line)}.studio{padding:100px 0}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.studio .eyebrow{margin-bottom:25px}.studio h2{font-size:clamp(45px,4.8vw,70px)}.studio-copy p{color:#bcbcb8;font-size:15px;max-width:470px}.studio-copy .large-copy{font-size:23px;line-height:1.5;color:var(--paper);margin-bottom:25px}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:13px}.text-link:hover{opacity:.65}.studio .text-link{margin-top:15px}.services{padding:90px 0}.services .section-heading{margin-bottom:45px}.service-row{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:1.05fr 1fr .7fr;align-items:start;gap:35px}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row h3{font-size:29px;line-height:1.12;margin:0}.service-row p{font-size:13px;color:var(--muted);margin:0}.service-row>span{font:10px/1.8 var(--utility);color:var(--muted);text-align:right}.contact{padding:90px 0 100px}.contact .eyebrow{margin-bottom:35px}.contact-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px}.contact h2{font-size:clamp(52px,6.5vw,94px)}.contact h2 span{color:#a9a9a7}.contact-layout>div>p{font-size:18px;color:#bcbcb8;margin-bottom:25px}.contact-layout>div>.contact-note{font-size:11px;color:#a9a9a7;margin:20px 0 0}.footer{border-top:1px solid #444;padding:30px 0;display:flex;justify-content:space-between;align-items:center;font:10px var(--utility);color:#a9a9a7}.footer p{margin:0}.footer-name{font:20px var(--display);letter-spacing:.04em;color:var(--white)}.footer-name span{font:8px var(--utility);letter-spacing:.2em;margin-left:8px}dialog{background:var(--paper);color:var(--black);border:0;width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:45px;scrollbar-gutter:stable}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close-dialog{background:none;padding:10px 0;display:block;margin:0 0 25px auto;min-height:44px;font-size:12px}.close-dialog:hover{text-decoration:underline}dialog h2{font-size:46px;line-height:1.1;margin:15px 0 20px}dialog p{color:var(--muted);font-size:14px}dialog .detail-image{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top;margin-bottom:25px}.detail-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}form{margin-top:25px}label{display:block;font-size:12px;margin:20px 0 8px}input,select,textarea{width:100%;padding:12px;border:1px solid #999;background:transparent;color:var(--black);border-radius:0}textarea{resize:none;min-height:125px}input[aria-invalid=true],textarea[aria-invalid=true]{border:2px solid var(--black)}.field-error{display:block;font-size:12px;min-height:0;font-weight:bold}.field-error:not(:empty){margin-top:6px}form>.button{margin-top:25px}.form-status{min-height:22px;margin:15px 0 0}.privacy-note{font-size:11px!important;margin-bottom:0}html:has(dialog[open]){scroll-behavior:auto}
@media(min-width:1500px){.hero h1{font-size:104px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero-layout{gap:30px}.hero h1{font-size:7vw}.hero-index{display:none}.header nav{gap:24px}.nav-contact{margin-left:0}.studio-layout{gap:40px}.service-row{grid-template-columns:1fr 1fr}.service-row>span{grid-column:2;text-align:left;margin-top:-20px}.contact-layout{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:95px;position:relative}.logo img{width:65px}.menu-button{display:flex;align-items:center;gap:25px;background:none;color:var(--paper);padding:12px 0;font-size:13px;min-height:44px}.header nav{display:none;position:absolute;left:-20px;right:-20px;top:95px;background:var(--off-black);z-index:3;padding:20px;flex-direction:column;align-items:stretch;gap:3px;border-bottom:1px solid #666}.header nav.is-open{display:flex}.nav-contact{border:0}.hero-inner{padding-top:16px}.hero-top .eyebrow{font-size:9px}.hero-layout{grid-template-columns:1fr;padding:45px 0;gap:50px}.hero h1{font-size:clamp(46px,10.6vw,75px);line-height:1.04}.intro{font-size:14px}.hero-feature{width:92%;margin:0 auto}.hero-bottom{font-size:9px;gap:20px;line-height:1.7}.hero-bottom>span{max-width:150px}.work,.studio,.services,.contact{padding:60px 0}.section-heading{align-items:start;flex-direction:column;gap:20px}h2{font-size:43px}.section-heading>p{font-size:13px}.work-toolbar{margin-top:30px;align-items:flex-start}.filters{gap:2px}.filters button{padding:10px;font-size:11px}.work-toolbar #work-count{display:none}.project-grid{grid-template-columns:1fr;gap:32px}.project-card:last-child:nth-child(odd){max-width:none}.project-meta h3{font-size:26px}.project-meta>span{font-size:9px}.studio-layout{grid-template-columns:1fr;gap:35px}.studio h2{font-size:49px}.studio-copy .large-copy{font-size:21px}.service-row{grid-template-columns:1fr;gap:15px;padding:25px 0}.service-row>span{grid-column:1;margin-top:0}.service-row h3{font-size:27px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact h2{font-size:clamp(47px,10.8vw,75px)}.contact-layout>div>p{font-size:16px}.footer{gap:20px;flex-wrap:wrap}.footer p{order:3;width:100%}dialog{padding:25px;max-height:calc(100dvh - 32px)}dialog h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-feature{transform:none}}
.page-intro{padding:60px 0 75px}.page-intro h1{font-size:clamp(55px,7.3vw,105px);letter-spacing:-.045em;margin:30px 0;line-height:1.05}.page-intro>div>p:last-child{color:#bcbcb8;font-size:18px}.archive{padding:15px 0 80px}.archive .work-toolbar{margin-top:20px}.small-cta{padding:70px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.small-cta h2{font-size:48px}.about-body,.contact-body{padding:80px 0}.identity-panel{background:#dededb;min-height:400px;padding:65px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.identity-panel img{width:270px;height:auto}.identity-panel .eyebrow{font-size:9px}.about-body h2{margin-bottom:30px}.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.discipline-grid h3{font-size:35px}.discipline-grid p{color:#bcbcb8;font-size:14px}.disciplines{padding:70px 0}.medium-links{display:flex;justify-content:space-between;gap:35px;margin-top:28px}.medium-links a{font:46px var(--display);flex:1;border-bottom:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between}.medium-links a:hover{color:var(--muted)}.medium-links span{font:30px var(--body)}.archive-link{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:35px}.archive-link .work-note{margin:0;padding:0;border:0}.contact-explanation{color:var(--muted);font-size:15px;margin:30px 0}.contact-checklist{border-top:1px solid var(--line);padding-top:30px}.contact-checklist h3{font-size:32px}.contact-checklist>p:not(.work-note){border-bottom:1px solid var(--line);padding:15px 0;margin:0}.project-page{padding:50px 0 70px;min-height:70vh}.case-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:50px 0 35px}.case-heading h1{font-size:clamp(46px,5.8vw,85px);margin:15px 0 0;letter-spacing:-.035em}.case-heading>p{font-size:13px;color:var(--muted);max-width:250px;margin:0}.case-media>img{width:100%;max-height:750px;object-fit:cover;object-position:top}.case-media video{display:block;width:100%;max-height:75vh;background:var(--black)}.case-description{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin:60px 0}.case-description h2{margin-top:20px;font-size:48px}.case-description .large-copy{font-size:20px;line-height:1.6}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.gallery-thumb{padding:0;background:none;color:var(--black);text-align:left}.gallery-thumb img{width:100%;aspect-ratio:1.4;object-fit:cover}.gallery-thumb span{display:block;margin-top:12px;font:11px var(--utility)}.gallery-thumb:hover{opacity:.8}.next-project{border-top:1px solid var(--line);margin-top:60px;padding-top:25px}.next-project a{font:clamp(30px,4vw,55px) var(--display);display:flex;justify-content:space-between;margin-top:15px}.gallery-dialog{width:min(1100px,calc(100% - 32px));background:var(--black);color:var(--paper);padding:25px}.gallery-dialog h2{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.gallery-dialog>img{max-height:70vh;width:100%;object-fit:contain}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.gallery-controls p{margin:0;color:var(--paper)}nav a[aria-current=page]{border-bottom:1px solid var(--paper)}
@media(max-width:700px){.page-intro{padding:30px 0 50px}.page-intro h1{font-size:clamp(42px,9.6vw,66px);overflow-wrap:anywhere}.page-intro>div>p:last-child{font-size:15px}.about-body,.contact-body{padding:50px 0}.identity-panel{min-height:320px;padding:40px}.discipline-grid{grid-template-columns:1fr;gap:25px}.discipline-grid h3{margin-bottom:15px}.small-cta{flex-direction:column;align-items:start;padding:45px 0}.small-cta h2{font-size:39px}.medium-links{flex-direction:column;gap:5px}.medium-links a{font-size:40px}.archive-link{align-items:start;flex-direction:column}.case-heading{flex-direction:column;align-items:start;gap:20px;margin-top:35px}.case-heading h1{font-size:47px}.case-description{grid-template-columns:1fr;gap:25px;margin:40px 0}.case-description .large-copy{font-size:17px}.case-gallery{grid-template-columns:1fr}.gallery-controls .button{padding:10px;min-height:44px;font-size:11px;gap:10px}.project-page{padding-top:30px}}

.hero-feature>img{height:auto}.project-image>img,.hero-feature>img{filter:grayscale(1)}.project-card:hover .project-image>img{filter:grayscale(0)}.hero-feature:hover>img{filter:grayscale(0)}
.gallery-thumb img{height:auto}#case-study>h1{font-size:clamp(38px,5vw,70px);margin-top:45px}
/* AVARA form and the service-to-project navigation */
.hero-art{margin:0;min-width:0;align-self:center}.hero-art>img{width:100%;height:auto}.hero-art figcaption{display:flex;justify-content:space-between;gap:20px;padding:0 18px;font:9px/1.6 var(--utility);color:#a9a9a7}.hero-layout{grid-template-columns:1.15fr 1fr;gap:40px}.medium-links a{font-size:clamp(28px,3.4vw,44px)}.offerings-section{padding:75px 0}.offering-list{display:grid;gap:70px}.offering{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-bottom:65px;border-bottom:1px solid var(--line)}.offering:last-child{padding-bottom:0;border-bottom:0}.offering-image{overflow:hidden;display:block}.offering-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;filter:grayscale(1);transition:filter .2s}.offering-image:hover img{filter:grayscale(0)}.offering h2{margin:18px 0 22px}.offering h2 a{display:flex;justify-content:space-between}.offering h2 a:hover{color:var(--muted)}.offering>div>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:15px}.offering .text-link{margin-top:12px}.category-back{margin-bottom:35px}.page-intro .category-description{max-width:600px;color:#bcbcb8;font-size:17px;margin-bottom:28px}.category-work{padding:65px 0 80px}.category-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:35px}.category-heading h2{font-size:42px}
/* Pricing reuses the PDF's restrained editorial hierarchy. */
.pricing-title{display:flex;align-items:end;justify-content:space-between;gap:35px}.pricing-title>p{color:#bcbcb8;margin-bottom:35px;font-size:17px}.pricing-jumps{display:flex;flex-wrap:wrap;gap:40px;padding-top:25px;margin-top:20px;border-top:1px solid #444;font-size:13px}.pricing-jumps a{padding:8px 0}.pricing-jumps a:hover{text-decoration:underline}.pricing-section{padding:85px 0}.pricing-section .section-heading{margin-bottom:45px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--black);border-bottom:1px solid var(--black)}.package-card{padding:35px 30px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.package-card:first-child{padding-left:0}.package-card:last-child{border-right:0;padding-right:0}.package-card .eyebrow{font-size:10px;color:var(--muted)}.package-card h3{font-size:44px;line-height:1.1;margin:22px 0 15px}.package-description{font-size:14px;min-height:48px;color:var(--muted)}.package-price{display:flex;flex-direction:column;line-height:1.3;padding:20px 0 25px;border-bottom:1px solid var(--line)}.package-price span{font:10px var(--utility);color:var(--muted)}.package-price strong{font:clamp(38px,4vw,57px)/1.3 var(--display);letter-spacing:-.03em;padding:6px 0}.package-card ul{padding:0;list-style:none;margin:25px 0 35px;font-size:13px}.package-card li{padding:6px 0}.package-card li:before{content:'+';margin-right:10px;color:var(--muted)}.package-card .button{margin-top:auto;gap:15px;width:100%}.build-includes{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:35px}.build-includes h3{font-size:26px;line-height:1.2;margin:0}.build-includes ul{display:flex;flex-wrap:wrap;gap:10px 25px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--muted)}.pricing-note{margin:25px 0 0;font-size:12px;color:var(--muted)}.pricing-section.grid-paper .section-heading>p{color:#bcbcb8}.addon-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.addon{display:flex;justify-content:space-between;align-items:start;gap:20px;border-top:1px solid #444;padding:24px 0}.addon h3{font-size:27px;line-height:1.1;margin-bottom:9px}.addon>div>p{font-size:12px;color:#bcbcb8;margin:0}.addon .addon-price{white-space:nowrap;font:25px var(--display);margin:0}.custom-pricing{margin-top:35px;padding-top:30px;border-top:1px solid #777;display:grid;grid-template-columns:1.2fr 1.2fr auto;gap:35px;align-items:start}.custom-pricing h3{font-size:28px;line-height:1.15;margin:0}.custom-pricing p{font-size:13px;color:#bcbcb8;margin:0}.monthly-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.monthly-card{padding-top:25px;border-top:1px solid var(--line)}.monthly-card h3{font-size:29px;line-height:1.1;margin-bottom:20px}.monthly-price{font:38px/1.2 var(--display);margin-bottom:20px}.monthly-price span{font:11px var(--utility);color:var(--muted)}.monthly-card>p:last-child{font-size:13px;color:var(--muted)}.pricing-details{padding:0 0 75px}.pricing-details .section-heading{margin-bottom:35px}.pricing-details details{border-top:1px solid var(--line)}.pricing-details details:last-child{border-bottom:1px solid var(--line)}.pricing-details summary{padding:22px 0;cursor:pointer;font-size:15px}.pricing-details details p{max-width:750px;color:var(--muted);font-size:14px;padding:0 0 20px}.pricing-details summary:hover{text-decoration:underline}
@media(max-width:1050px){.hero-layout{gap:25px}.header nav{gap:20px}.package-card{padding:30px 20px}.package-card h3{font-size:37px}.custom-pricing{grid-template-columns:1fr 1fr}.custom-pricing .text-link{justify-self:start}.offering{gap:35px}.monthly-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.hero-layout{grid-template-columns:1fr;gap:25px}.hero-art{max-width:420px;width:100%;margin:auto}.hero-art figcaption{font-size:8px;padding:0 8px}.pricing-title{display:block}.pricing-title>p{margin:0 0 20px;font-size:15px}.pricing-jumps{gap:8px 24px;font-size:12px}.pricing-section{padding:55px 0}.pricing-section .section-heading{margin-bottom:30px}.package-grid{grid-template-columns:1fr}.package-card,.package-card:first-child,.package-card:last-child{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}.package-card:last-child{border-bottom:0}.package-card h3{font-size:41px}.package-description{min-height:0}.package-price strong{font-size:50px}.package-card ul{margin:20px 0}.build-includes{grid-template-columns:1fr;gap:18px}.addon-grid{grid-template-columns:1fr}.addon h3{font-size:24px}.addon .addon-price{font-size:22px}.custom-pricing{grid-template-columns:1fr;gap:20px}.monthly-grid{grid-template-columns:1fr;gap:20px}.pricing-details{padding-bottom:50px}.pricing-details h2{font-size:38px}.offerings-section{padding:45px 0}.offering{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.offering-list{gap:40px}.offering h2{font-size:43px}.category-work{padding:45px 0}.category-heading{align-items:start;flex-direction:column;gap:15px}.category-heading h2{font-size:35px}.category-heading #work-count{display:block}.page-intro .category-description{font-size:15px}.medium-links a{font-size:38px}}

/* A flat AVARA mark, traced from the supplied logo and drawn as elastic lines. */
.interactive-field{width:100%;align-self:center}.field-surface{display:block;width:100%;aspect-ratio:1.3;border:0;background:none;position:relative;padding:0;overflow:hidden;cursor:crosshair;touch-action:pan-y;color:var(--paper)}.field-surface canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.field-surface:focus-visible{outline-offset:-5px}.field-fallback{position:absolute;left:6%;top:50%;width:88%;height:auto;transform:translateY(-50%)}.field-ready .field-fallback{display:none}.hero-art .field-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 0;border-top:1px solid #444;font:10px/1.5 var(--utility);color:#a9a9a7}.field-footer[hidden]{display:none}#field-hint{text-align:right;max-width:220px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:700px){.interactive-field{max-width:460px;margin-top:0}.field-surface{aspect-ratio:1.3}.hero-art .field-footer{font-size:9px;gap:12px}#field-hint{max-width:160px}}
/* Large, low-contrast mark bleeds into the right edge of the hero. */
.hero{position:relative;overflow:clip}.hero-copy{position:relative;z-index:1}.hero-top,.hero-bottom{position:relative;z-index:1}.hero-layout{min-height:570px}.interactive-field{position:absolute;right:0;top:110px;bottom:85px;height:calc(100% - 195px);width:64%;max-width:none;margin:0;z-index:0}.field-surface{height:100%;aspect-ratio:auto}.field-fallback{left:6.5%;width:115.55%;max-width:none;opacity:.22;mask-image:linear-gradient(to right,#000 0%,#000 45%,transparent 87%)}.hero-art .field-footer{position:absolute;bottom:0;left:30px;right:45px;padding:0;border:0;justify-content:flex-start;pointer-events:none}.field-footer #field-title{display:none}.field-footer #field-hint{text-align:left;font-size:9px;color:#888;max-width:none}
@media(max-width:1050px) and (min-width:701px){.hero-layout{min-height:500px}.interactive-field{width:64%;top:100px;bottom:70px}}
@media(max-width:700px){.hero-layout{min-height:0;gap:0}.interactive-field{position:relative;right:auto;top:auto;bottom:auto;width:calc(100% + 40px);height:300px;max-width:none;margin:12px 0 0 -20px}.field-surface{height:100%;aspect-ratio:auto}.hero-art .field-footer{left:0;right:20px;bottom:10px}.field-footer #field-hint{font-size:9px}}

@media(max-width:700px){.interactive-field .field-fallback{left:-11%;width:calc(145% - 29px)}.interactive-field .field-footer{left:20px}}