:root{--bg:#161714;--paper:#e9e5da;--muted:#a7a89d;--gold:#c9ad7b;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-weight:400}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0}img{display:block;width:100%;object-fit:cover}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}p{line-height:1.7;color:var(--muted)}h1,h2,h3,p{margin-top:0}h2{font-size:clamp(40px,5.3vw,80px);line-height:1.06;font-weight:400;letter-spacing:-3px;margin-bottom:32px}h3{font-weight:400}header{height:88px;display:flex;align-items:center;gap:30px;padding:0 4.4%;position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid #ffffff35}.brand{font-size:32px;letter-spacing:7px;font-weight:600}.brand span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:25px;margin:auto;font-size:12px}nav a{position:relative}nav a:after{content:'';display:block;height:1px;background:var(--gold);transform:scaleX(0);transition:.3s}nav a:hover:after{transform:scaleX(1)}.contact-link{background:none;font-size:12px;border-bottom:1px solid #ffffff7a;padding:10px 0}.contact-link span{margin-left:25px}.menu{display:none;background:none;font-size:24px}.hero{height: min(980px,100svh);min-height:740px;position:relative;overflow:hidden}.hero-photo{height:100%;object-position:70% 51%;position:absolute;width:64%;right:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#11130f 7%,#11130ff2 27%,#11130f85 49%,#11130f0a 80%),linear-gradient(0deg,#11130f85,transparent 40%)}.hero-top,.hero-bottom{position:absolute;left:4.4%;right:4.4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px}.hero-top{top:122px}.hero-copy{position:absolute;top:24%;left:8%;}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);line-height:1.5}.hero h1{font-size:clamp(65px,7.9vw,122px);line-height:.98;letter-spacing:-5px;font-weight:400;margin:26px 0}.hero h1 em{color:#d1b583}.hero-copy>p:not(.eyebrow){font-size:14px;color:#c3c2b6;line-height:1.7}.round-link{display:flex;gap:14px;align-items:center;font-size:12px;margin-top:28px}.circle{width:43px;height:43px;border:1px solid #d8c8a65e;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:.3s}.round-link:hover .circle{background:var(--gold);color:var(--bg)}.hero-bottom{bottom:29px;align-items:center}.hero-bottom a span{margin-left:25px;font-size:20px}.hero-number{color:var(--gold)}.section{padding:90px 8%}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:72px}.intro{background:#e9e5da;color:#262820}.intro p{color:#67695f}.intro .section-label{border-color:#26282030}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%}.intro-grid>div{padding-top:5px}.intro .large,.large{font-size:23px;line-height:1.45;color:inherit;max-width:440px}.intro-grid p:not(.large){font-size:14px;max-width:450px}.senses{display:grid;grid-template-columns:repeat(5,1fr);margin-top:54px;border-bottom:1px solid #26282035}.senses button{background:none;color:#727367;text-align:left;padding:20px 0;font-family:Georgia,serif;font-size:27px;border-bottom:2px solid transparent}.senses button span{font-family:Arial;font-size:9px;display:block;margin-bottom:18px}.senses button.active{color:#252820;border-bottom-color:#252820}.sense-note{font-size:12px;margin-top:22px;min-height:21px}.egg-story{height:185vh;min-height:1100px;background:#1c1e19}.egg-sticky{height:100svh;min-height:640px;position:sticky;top:0;display:grid;grid-template-columns:40% 60%;align-items:center;padding:6% 8%;overflow:hidden}.egg-copy{max-width:370px;z-index:2}.egg-copy p:not(.eyebrow){font-size:14px;max-width:300px}.egg-stage-label{font-size:10px;letter-spacing:2px;color:var(--gold);margin-top:38px}.progress{height:1px;background:#ffffff20;margin:20px 0 25px;width:220px}.progress i{display:block;height:1px;background:var(--gold);width:0}.egg-visual{position:relative;height:80vh;max-height:800px;min-height:480px}.egg-visual canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}#egg-fallback{height:100%;object-fit:contain;opacity:.8;transition:opacity .6s}.model-label{position:absolute;bottom:4%;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#858b7f}.egg-side{position:absolute;right:28px;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#7c8374}.text-link{background:none;border-bottom:1px solid #a79e8477;padding:8px 0;font-size:13px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading p{font-size:13px;margin-bottom:37px}.filters{display:flex;gap:28px;margin:25px 0 42px;border-bottom:1px solid var(--line)}.filters button{background:none;font-size:12px;color:var(--muted);padding:16px 0;border-bottom:1px solid transparent}.filters button.active{color:var(--paper);border-color:var(--gold)}sup{font-size:8px;margin-left:7px}.gallery{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;row-gap:65px}.project{background:none;text-align:left;padding:0;min-width:0}.project .photo{height:540px;position:relative;overflow:hidden}.project:nth-child(even){padding-top:90px}.project:nth-child(even) .photo{height:450px}.photo img{height:100%;transition:transform .8s ease}.photo span{position:absolute;right:20px;bottom:20px;background:#171913bb;border:1px solid #ffffff40;padding:13px 15px;font-size:9px;letter-spacing:1px;backdrop-filter:blur(8px)}.project:hover img{transform:scale(1.045)}.caption{padding-top:20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.caption h3{font-size:17px;margin:0}.caption>span{font-size:8px;color:var(--muted);letter-spacing:1px;text-align:right}.project-wide{grid-column:1/-1}.project-wide .photo{height:530px}.project-wide img{object-position:50% 60%}.project[hidden]{display:none}.collection-end{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:60px;padding-top:25px}.collection-end p{margin:0;font-size:14px}.coasters{background:var(--paper);color:#252820}.coasters .section-label{border-color:#25282030}.coaster-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:start}.coaster-main{padding-top:40px}.coaster-main img{height:420px;object-position:55%}.coaster-main>span{display:block;font-size:9px;letter-spacing:2px;margin-top:20px;color:#6a6b5e}.coaster-copy p{color:#68695e;font-size:14px}.coaster-copy h2{font-size:clamp(40px,4.5vw,68px)}.coaster-detail{display:flex;align-items:center;gap:26px;margin-top:35px;border-top:1px solid #25282030;padding-top:25px}.coaster-detail img{width:120px;height:155px;object-position:center 60%}.coaster-detail span{font-size:8px;letter-spacing:1px}.coaster-detail p{font-size:12px;max-width:190px;margin:10px 0}.nfc{border-top:1px solid #25282030;border-bottom:1px solid #25282030;margin-top:60px;padding:22px 0}.nfc summary{cursor:pointer;list-style:none;display:flex;gap:35px;align-items:center;font-size:16px}.nfc summary span{font-size:9px;letter-spacing:1px}.nfc summary b{margin-left:auto;font-weight:400;font-size:24px}.nfc p{color:#68695e;font-size:14px;max-width:670px;margin:24px 0 10px}.competition{min-height:820px;position:relative;display:flex;align-items:center;overflow:hidden}.competition>img{position:absolute;height:100%;width:65%;right:0;object-position:50% 60%}.competition-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10120f 5%,#10120fee 30%,#10120f64 70%,#10120f22)}.competition-content{position:relative;padding:100px 8%;width:100%}.competition h2{font-size:clamp(60px,6.5vw,100px);max-width:680px}.competition-content>p:not(.eyebrow){max-width:360px;font-size:14px}.light-button{display:inline-flex;justify-content:space-between;gap:35px;align-items:center;background:var(--paper);color:#252820;padding:18px 22px;font-size:12px;transition:background .3s}.light-button:hover{background:#cfb582}.competition .light-button{margin-top:16px}.competition-tags{display:flex;gap:24px;font-size:8px;letter-spacing:1px;margin-top:66px;color:var(--gold)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:65px}.steps article{border-top:1px solid var(--line);padding-top:24px}.steps article>span{font-size:9px;letter-spacing:1px;color:var(--gold)}.steps h3{font-size:20px;margin-top:30px}.steps p{font-size:13px;max-width:300px}.contact{background:#33382d}.contact-big{padding:0;background:none;text-align:left;position:relative;font-size:clamp(70px,12vw,180px);line-height:1;letter-spacing:-5px;width:100%;margin:30px 0 50px}.contact-big>span{position:absolute;right:4%;top:25%;font-size:100px;font-family:Arial;font-weight:200;color:var(--gold);transition:transform .4s}.contact-big:hover>span{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-bottom p{font-size:13px;margin:0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:40px 4.4%;}footer>span,footer>a:not(.brand),footer small{font-size:8px;letter-spacing:1px;color:var(--muted)}dialog{border:1px solid #ffffff30;background:#1d2019;color:var(--paper);max-height:90svh;width:min(960px,92vw);padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:15px;top:15px;z-index:2;width:40px;height:40px;border-radius:50%;background:#111b;color:#fff;font-size:25px}#project-dialog[open]{display:grid;grid-template-columns:1fr 1fr}#detail-img{height:650px;max-height:85svh;object-fit:cover}.detail-copy{padding:65px 35px;align-self:center}.detail-copy h2{font-size:40px;letter-spacing:-1px}.detail-copy p{font-size:14px}#brief-dialog{width:min(600px,92vw);padding:45px}#brief-dialog h2{font-size:50px;letter-spacing:-2px}#brief-dialog>p:not(.eyebrow){font-size:13px}label{display:block;font-size:11px;color:#bbbfb1;margin:18px 0}input,select,textarea{background:#ffffff07;border:1px solid #ffffff30;border-radius:0;color:var(--paper);width:100%;display:block;padding:12px;margin-top:8px;font-size:13px;color-scheme:dark}select option{background:#20251c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-note{font-size:10px;margin:16px 0 0}#form-status{font-size:12px;color:var(--gold)}.skip{position:fixed;top:-100px;left:15px;background:var(--paper);color:#111;padding:15px;z-index:100}.skip:focus{top:15px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(min-width:1600px){.hero-photo{object-position:center 54%}}@media(max-width:1000px){header{gap:20px}.brand{font-size:27px;letter-spacing:5px}nav{gap:16px;font-size:10px}.contact-link{font-size:10px}.section{padding:70px 6%}.hero-copy{left:6%}.gallery{column-gap:25px}.project .photo{height:430px}.project:nth-child(even) .photo{height:360px}.caption{display:block}.caption>span{display:block;text-align:left;margin-top:8px}.intro-grid{gap:6%}.coaster-layout{gap:5%}.coaster-main img{height:370px}}@media(max-width:720px){header{height:75px;padding:0 6%;justify-content:space-between}.brand{font-size:26px}header .contact-link{display:none}.menu{display:block}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#171a14;padding:25px 6%;flex-direction:column;gap:22px;font-size:15px}nav.open{display:flex}.hero{height:850px;min-height:0;max-height:1100px}.hero-photo{width:100%;object-position:66% 50%}.hero-shade{background:linear-gradient(90deg,#11130fe0,#11130f22),linear-gradient(0deg,#11130f 0%,transparent 55%)}.hero-top{top:104px;font-size:7px;left:6%;right:6%}.hero-top span:last-child{display:none}.hero-copy{top:185px}.hero h1{font-size:80px;letter-spacing:-4px}.hero-copy>p:not(.eyebrow){max-width:240px}.hero-bottom{left:6%;right:6%;font-size:7px}.hero-bottom>span:first-child{display:none}.hero-bottom a span{margin-left:8px}.section{padding:65px 6%}.section-label{margin-bottom:45px;font-size:8px;gap:20px}.section-label span:last-child{text-align:right;max-width:145px}.intro-grid{grid-template-columns:1fr;gap:15px}h2{font-size:45px;letter-spacing:-2px}.intro .large,.large{font-size:21px}.senses{margin-top:25px}.senses button{font-size:19px}.senses button span{margin-bottom:12px}.egg-story{height:160vh;min-height:1050px}.egg-sticky{height:100svh;min-height:670px;display:block;padding:60px 6% 20px}.egg-copy{max-width:100%}.egg-copy h2{font-size:42px;margin-bottom:15px}.egg-copy h2 br{display:block}.egg-copy p:not(.eyebrow){max-width:100%;font-size:12px}.egg-stage-label{margin-top:14px}.progress{margin:12px 0;width:180px}.egg-visual{height:48vh;min-height:330px;position:absolute;left:8%;right:8%;bottom:12px}.egg-side{display:none}.model-label{bottom:0;font-size:7px}.section-heading{display:block}.section-heading p{font-size:12px}.filters{gap:22px;overflow-x:auto;white-space:nowrap;margin-top:0}.filters button{font-size:11px}.gallery{column-gap:16px;row-gap:30px}.project .photo,.project:nth-child(even) .photo{height:290px}.project:nth-child(even){padding-top:45px}.photo span{right:8px;bottom:8px;padding:8px;font-size:7px}.caption h3{font-size:14px;line-height:1.3}.caption>span{font-size:7px;line-height:1.5}.project-wide .photo{height:370px}.collection-end{gap:15px;margin-top:40px}.collection-end p,.collection-end button{font-size:11px}.coaster-layout{display:flex;flex-direction:column-reverse;gap:30px}.coaster-main{padding:0;width:100%}.coaster-main img{height:280px}.coaster-copy h2{font-size:47px}.coaster-detail{margin-top:25px}.coaster-detail img{height:135px;width:100px}.nfc{margin-top:40px}.nfc summary{font-size:14px;gap:15px}.nfc summary span{font-size:7px;max-width:60px}.competition{min-height:760px}.competition>img{width:100%;object-position:65%}.competition-shade{background:linear-gradient(90deg,#10120fe8,#10120f77)}.competition-content{padding:70px 6%}.competition h2{font-size:62px}.competition-tags{gap:15px;font-size:7px;line-height:1.5}.steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.steps h3{margin:18px 0 12px}.steps p{max-width:100%}.contact-big{font-size:86px;letter-spacing:-4px}.contact-big>span{font-size:65px;right:0}.contact-bottom{display:block}.contact-bottom button{margin-top:20px}footer{flex-wrap:wrap;padding:35px 6%;gap:25px}footer .brand{width:55%}footer small{margin-left:auto}#project-dialog[open]{display:block}#detail-img{height:45svh}.detail-copy{padding:30px 25px}.detail-copy h2{font-size:34px}#brief-dialog{padding:35px 24px}.form-row{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}.egg-story{height:auto;min-height:0}.egg-sticky{position:relative}}

/* Full-screen object scene */
.egg-story{height:200svh;min-height:0;background:radial-gradient(ellipse at 50% 48%,#30352a 0%,#1c1e19 58%,#151712 100%)}
.egg-sticky{height:100svh;min-height:0;display:block;padding:0}
.egg-visual{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none}
.egg-visual canvas{width:100%;height:100%}
#egg-fallback{object-fit:contain;width:100%;height:100%;padding:3svh 0}
.egg-copy{position:static;max-width:none}
.egg-copy .eyebrow{position:absolute;z-index:2;top:40px;left:4.4%;margin:0}
.egg-copy h2{position:absolute;z-index:2;top:72px;left:4.4%;font-size:40px;letter-spacing:-1.5px;line-height:1.1;margin:0;max-width:300px;text-shadow:0 2px 20px #0008}
.egg-copy p:not(.eyebrow){position:absolute;z-index:2;bottom:136px;left:4.4%;max-width:240px;font-size:12px;margin:0}
.egg-stage-label{position:absolute;z-index:2;bottom:102px;left:4.4%;margin:0}
.egg-copy .progress{position:absolute;z-index:2;bottom:83px;left:4.4%;margin:0;width:190px}
#egg-toggle{position:absolute;z-index:2;bottom:36px;left:4.4%}
.model-label{bottom:35px;font-size:8px;width:auto;left:auto;right:4.4%;text-align:right;max-width:230px;line-height:1.5}
.egg-side{right:24px;top:42%;z-index:2}
@media(max-width:720px){
.egg-copy .eyebrow{top:24px;left:6%;font-size:8px}
.egg-copy h2{top:46px;left:6%;font-size:29px;max-width:230px}
.egg-copy h2 br{display:block}
.egg-copy p:not(.eyebrow){display:none}
.egg-stage-label{bottom:98px;left:6%;font-size:8px}
.egg-copy .progress{bottom:80px;left:6%;width:145px}
#egg-toggle{bottom:36px;left:6%;font-size:11px}
.model-label{bottom:36px;right:6%;max-width:125px;font-size:6px}
}
@media(prefers-reduced-motion:reduce){.egg-story{height:100svh;min-height:0}.egg-sticky{position:relative}}

/* Dark, restrained studio lighting around both objects. */
.egg-story,.suit-story{background:radial-gradient(ellipse at 50% 48%,#111410 0%,#080a08 47%,#030403 85%)}
.suit-story{height:235svh;position:relative}.suit-sticky{height:100svh;position:sticky;top:0;overflow:hidden}.suit-visual{position:absolute;inset:0}.suit-visual canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s}#suit-fallback{width:100%;height:100%;object-fit:contain;padding:4svh 0;opacity:.8;transition:opacity .6s}.suit-heading{position:absolute;left:4.4%;top:40px;pointer-events:none}.suit-heading h2{font-size:40px;letter-spacing:-1.5px;line-height:1.1;text-shadow:0 2px 20px #0008}.suit-controls{position:absolute;bottom:36px;left:4.4%}.suit-controls p{font-size:10px;letter-spacing:2px;color:var(--gold);margin-bottom:16px}.suit-progress{width:190px;height:1px;background:#ffffff20;margin-bottom:18px}.suit-progress i{display:block;width:0;height:1px;background:var(--gold)}.suit-caption{position:absolute;bottom:38px;right:4.4%;font-size:8px;letter-spacing:2px;color:#858b7f}
@media(max-width:720px){.suit-heading{top:24px;left:6%}.suit-heading .eyebrow{font-size:8px}.suit-heading h2{font-size:29px}.suit-controls{left:6%;bottom:36px}.suit-controls p{font-size:8px}.suit-progress{width:145px}.suit-controls button{font-size:11px}.suit-caption{font-size:6px;right:6%;max-width:115px;line-height:1.6}.suit-story{height:210svh}}
@media(prefers-reduced-motion:reduce){.suit-story{height:100svh}.suit-sticky{position:relative}}

.suit-story{background:radial-gradient(ellipse at 50% 48%,#090b09 0%,#040504 50%,#010201 88%)}
.suit-heading{opacity:clamp(0,calc(1 - var(--suit-focus,0)*1.8),1)}

.suit-message{position:absolute;z-index:3;left:50%;top:49%;width:min(800px,84%);transform:translate3d(-50%,-50%,0);opacity:var(--suit-message,0);pointer-events:none;text-align:center}
.suit-message p{color:#eee9df;font-size:clamp(30px,4.3vw,66px);font-weight:400;line-height:1.13;letter-spacing:-1.7px;margin:0;text-wrap:balance;text-shadow:0 2px 18px #000,0 0 65px #000}
.suit-message em{color:#c9ad7b}
@media(max-width:720px){.suit-message{width:86%;top:48%}.suit-message p{font-size:clamp(30px,8vw,43px);line-height:1.17;letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.suit-message{transform:translate(-50%,-50%)}}
/* Accessibility improvements retain the existing Arial / Georgia typography. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.instagram-link{display:inline-flex;align-items:center;gap:9px;min-width:44px;min-height:44px;font-size:12px;color:var(--paper)}
.form-errors{font-size:14px;line-height:1.5;color:#ffd1b8}
[aria-invalid="true"]{border-color:#ffd1b8}
.menu,.dialog-close{min-width:44px;min-height:44px}
.text-link,.filters button,.senses button{min-height:44px}
nav a{display:inline-flex;align-items:center;min-height:44px}
input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.contact-link,.round-link,.light-button{min-height:44px}
.sense-note,.caption>span,.coaster-main>span,.coaster-detail span,.form-note{font-size:12px;line-height:1.5}
.eyebrow,.section-label,.suit-caption,.model-label{font-size:11px;line-height:1.5}
.section-label{letter-spacing:1.2px}
.form-note{color:#c4c6bd}
#project-dialog,#brief-dialog{overscroll-behavior:contain}
@media(max-width:720px){.hero{min-height:740px}.hero-copy{right:6%}.hero h1{font-size:clamp(62px,16vw,80px)}.hero-copy .eyebrow{max-width:90%}.form-row{grid-template-columns:1fr}.section-label{font-size:10px}.caption>span{font-size:10px}.hero-top,.hero-bottom,.suit-caption,.model-label{font-size:9px}.filters{gap:20px}.filters button{font-size:12px}footer .brand{width:auto}footer{gap:20px}.instagram-link{font-size:12px!important}.suit-message p{font-size:clamp(28px,8vw,43px)}}
@media(prefers-reduced-motion:reduce){.suit-message{opacity:1!important;transform:translate(-50%,-50%)!important}.suit-heading{opacity:0!important}.reveal{opacity:1!important;transform:none!important}}
.hero-top,.hero-bottom,.suit-caption,.model-label,.suit-controls p,.competition-tags,.caption>span{font-size:12px;line-height:1.5}
.suit-message{opacity:var(--suit-message,1)}
/* An HTML surprise in the space between the two original egg parts. */
/* Preserve the full product photographs instead of cropping them into landscape cards. */
.gallery{align-items:start}
.project[data-project="tyres"] .photo{height:auto;aspect-ratio:1066/1600}
.project[data-project="shirt"] .photo{height:auto;aspect-ratio:1086/1448}
.project[data-project="tyres"] .photo img,.project[data-project="shirt"] .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.project[data-project="temple"] .photo{height:clamp(360px,78svh,800px);background:#080a07}
.project[data-project="temple"] .photo img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
#detail-img[data-project="tyres"],#detail-img[data-project="shirt"],#detail-img[data-project="temple"]{object-fit:contain;background:#080a07}
.hero h1 .hero-line{display:block}
/* Compact, aligned gallery. Each source photograph has its own object-focused frame. */
.gallery{gap:20px;align-items:start}
.gallery .project,.gallery .project:nth-child(even){padding:0}
.gallery .project .photo{height:auto;aspect-ratio:var(--frame-ratio,4/5);background:#10120f}
.gallery .project .photo img{position:absolute;width:var(--image-width,100%);height:var(--image-height,100%);max-width:none;left:var(--image-left,0);top:var(--image-top,0);right:auto;bottom:auto;object-fit:fill;transform:none;transition:none}
.gallery .project .photo span{right:16px;bottom:16px;background:#10120fe6;backdrop-filter:none}
#detail-img{object-fit:contain;background:#080a07}
.coasters .section-label{margin-bottom:42px}
.coaster-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:40px}
.coaster-intro h2{margin:0;font-size:clamp(44px,5vw,76px)}
.coaster-intro-copy{max-width:440px;justify-self:end}
.coaster-intro-copy p{color:#56594d;font-size:15px;line-height:1.65;margin-bottom:22px}
.coaster-cta{display:inline-flex;align-items:center;gap:36px;min-height:48px;padding:16px 21px;background:#252820;color:var(--paper);font-size:13px}
.coaster-cta span{font-size:20px;line-height:1}
.coaster-cta:hover{background:#414637}
.coasters .coaster-showcase{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.coaster-card{margin:0;min-width:0}
.coaster-product-photo{position:relative;aspect-ratio:5/4;overflow:hidden;background:#fff}
.coaster-product-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.coaster-card-chee .coaster-product-photo{background:#171714}
.coaster-card-chee img{object-position:55% 50%}
.coaster-card-hermes img{inset:auto;top:-40%;left:50%;height:180%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain}
.coaster-card figcaption{padding:21px 0 0;border-bottom:1px solid #25282030}
.coaster-card h3{font-size:24px;letter-spacing:-.5px;margin:0 0 7px}
.coaster-card figcaption p{font-size:13px;color:#56594d;margin:0 0 20px;line-height:1.6}
.coasters .nfc{margin-top:34px}
@media(max-width:720px){.gallery{gap:14px}.gallery .project .photo span{right:10px;bottom:10px;font-size:9px;padding:10px}.coasters .section-label{margin-bottom:30px}.coaster-intro{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.coaster-intro h2{font-size:48px}.coaster-intro-copy{max-width:none;justify-self:stretch}.coaster-intro-copy p{font-size:14px}.coasters .coaster-showcase{grid-template-columns:1fr;gap:28px}.coaster-card h3{font-size:23px}.coaster-card figcaption{padding-top:16px}}
@media(max-width:540px){.gallery{grid-template-columns:1fr}.gallery .project-wide{grid-column:auto}}
.egg-message{position:absolute;z-index:3;left:50%;top:49%;width:min(680px,86%);transform:translate(-50%,-50%);opacity:var(--egg-message,0);pointer-events:none;text-align:center}
.egg-message p{margin:0;color:var(--paper);font-size:clamp(28px,4.2vw,58px);line-height:1.12;letter-spacing:-1.5px;text-wrap:balance;text-shadow:0 2px 18px #000,0 0 45px #000}
.egg-message em{display:block;color:var(--gold)}
.sharing-story{background:#11130f;padding-top:110px;padding-bottom:110px}
.sharing-layout{max-width:1120px;margin:auto;display:grid;grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:clamp(40px,7vw,110px);align-items:center}
.sharing-copy{grid-column:2;grid-row:1}
.sharing-copy h2{font-size:clamp(36px,4vw,60px);letter-spacing:-1.8px;line-height:1.12;text-wrap:balance;margin-bottom:28px}
.sharing-copy h2 em{color:var(--gold)}
.sharing-copy>p:last-child{font-size:14px;max-width:300px;margin-bottom:0}
.sharing-media{grid-column:1;grid-row:1;margin:0 auto;width:100%;max-width:388px}
.sharing-media img{height:auto;aspect-ratio:388/692;object-fit:contain;border:1px solid var(--line)}
.sharing-media figcaption{margin-top:18px;color:var(--muted);font-size:11px;letter-spacing:1.8px}
@media(max-width:720px){.egg-message p{font-size:clamp(28px,7.7vw,42px);line-height:1.14;letter-spacing:-.8px}.sharing-story{padding-top:68px;padding-bottom:68px}.sharing-layout{display:flex;flex-direction:column;gap:36px;align-items:stretch}.sharing-copy h2{font-size:clamp(34px,9vw,46px);letter-spacing:-1px}.sharing-media{max-width:320px}.sharing-copy>p:last-child{max-width:none}}
@media(max-height:500px) and (min-width:721px){.egg-message p{font-size:30px}.egg-copy p:not(.eyebrow){display:none}.egg-copy h2{font-size:26px}.egg-message{width:60%}}
@media(prefers-reduced-motion:reduce){.egg-message{opacity:1!important}.egg-copy h2{opacity:0}.egg-visual{opacity:.35}}
@media(max-width:720px){.hero-top{right:6%;max-width:88%}.hero-bottom{font-size:11px}.hero-number{display:none}.hero-bottom a{font-size:11px;letter-spacing:1px}.suit-caption,.model-label{font-size:10px}.competition-tags{font-size:10px;flex-wrap:wrap}}

/* Stable HTML layers above WebGL; only opacity changes during the reveal. */
.egg-sticky,.suit-sticky{isolation:isolate}
.egg-visual,.suit-visual{z-index:0}
.suit-heading,.suit-controls,.suit-caption{z-index:2}
.egg-message,.suit-message{transform:translate3d(-50%,-50%,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity}

/* Shared routes and editorial pages retain Arista's type, palette and photography. */
nav a{text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
nav a:after{position:absolute;left:0;right:0;bottom:7px;width:100%;pointer-events:none}
nav a[aria-current="page"]{color:var(--gold)}
nav a[aria-current="page"]:after{transform:scaleX(1)}
.section-route{display:flex;justify-content:flex-end;margin-top:42px}
.route-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;min-width:166px;min-height:48px;padding:14px 20px;border:1px solid currentColor;font-size:12px;letter-spacing:1.5px}
.route-link span{font-size:21px;line-height:1;transition:transform .25s}
.route-link:hover span{transform:translate(3px,-3px)}
.competition .section-route{justify-content:flex-start;margin-top:30px}
.editorial-page header{position:relative;background:#161714}
.editorial-page .page-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:60px 8% 76px;align-items:center;min-height:680px}
.page-hero-copy{min-width:0}
.back-home{display:inline-flex;align-items:center;min-height:44px;font-size:10px;letter-spacing:1.2px;color:var(--muted);margin-bottom:48px}
.page-hero .eyebrow{color:var(--gold);margin-bottom:24px}
.page-hero h1{font-size:clamp(45px,5.2vw,78px);line-height:1.07;letter-spacing:-2.8px;font-weight:400;margin:0 0 28px}
.page-hero h1 em{color:var(--gold)}
.page-intro{font-size:15px;line-height:1.8;max-width:420px;margin-bottom:24px}
.page-explore{display:inline-flex;align-items:center;gap:40px;min-height:44px}
.page-hero-media{margin:0;min-width:0}
.page-hero-media img{height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}
.page-hero-media figcaption{font-size:10px;letter-spacing:1.6px;color:var(--muted);line-height:1.6;margin-top:17px}
.page-filosofia .page-hero-media img{object-position:53% 44%}
.page-vajilla-de-diseno .page-hero-media img{object-position:50% 55%}
.page-posavasos .page-hero-media img{aspect-ratio:5/4;object-position:55% 50%}
.page-competiciones .page-hero-media img{aspect-ratio:1086/1448;object-fit:contain}
.page-paper{background:var(--paper);color:#252820}
.page-paper p,.page-paper .brief-checklist{color:#56594d}
.page-paper .section-label,.page-paper .steps article{border-color:#25282030}
.page-paper .eyebrow,.page-paper .steps article>span{color:#605238}
.page-paper .large{color:#252820}
.sensory-section h2{margin-bottom:62px}
.sense-row{display:grid;grid-template-columns:50px 1fr 1.35fr;gap:32px;padding:32px 0;border-top:1px solid var(--line);align-items:start}
.sense-index{font-size:11px;color:var(--gold);padding-top:8px}
.sense-row h3{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:42px;line-height:1.15;margin:0;color:var(--gold)}
.sense-row h4{font-size:18px;font-weight:400;margin:0 0 10px}
.sense-row p{font-size:14px;margin:0;max-width:440px}
.editorial-page .work-gallery{gap:44px 24px;margin-top:40px}
.work-card{min-width:0}
.work-card>.project{width:100%;display:block}
.work-card-wide{grid-column:1/-1}
.work-copy{padding-top:22px;display:grid;grid-template-columns:.65fr 1fr;gap:24px;align-items:start}
.work-copy h3{font-size:28px;letter-spacing:-.8px;margin:0}
.work-copy p{font-size:13px;line-height:1.7;margin:0}
.editorial-page .coasters .section-heading{margin-bottom:45px}
.editorial-page .coasters .section-heading p{color:#56594d}
.page-brief{background:#33382d}
.page-brief-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}
.page-brief h2{margin-bottom:0;font-size:clamp(40px,4.7vw,70px)}
.page-brief-grid>div>p:first-child{color:#e0e0d5;font-size:15px}
.brief-disclosure{font-size:12px;line-height:1.6;margin:18px 0 0;max-width:380px;color:#c4c6bd}
.presentation-sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:60px}
.presentation-sequence article{border-top:1px solid var(--line);padding-top:25px}
.presentation-sequence article>span{font-size:11px;letter-spacing:1.2px;color:var(--gold)}
.presentation-sequence h3{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:36px;margin:28px 0 18px}
.presentation-sequence p{font-size:14px;margin:0}
.brief-checklist{list-style:none;margin:0;padding:0}
.brief-checklist li{font-size:14px;line-height:1.7;padding:14px 0;border-bottom:1px solid #25282025}
.next-chapter{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:52px;padding-bottom:52px}
.next-chapter .eyebrow{margin:0;color:var(--muted)}
.next-chapter>a{font-size:clamp(20px,2.7vw,38px);display:flex;align-items:center;gap:36px;min-height:48px;letter-spacing:-.7px}
.next-chapter>a>span{color:var(--gold)}
@media(max-width:1000px){.editorial-page .page-hero{padding:40px 6% 65px;gap:5%;min-height:560px}.page-hero h1{font-size:50px;letter-spacing:-2px}.back-home{margin-bottom:28px}.page-intro{font-size:14px}.work-copy{grid-template-columns:1fr;gap:8px}.page-brief-grid{gap:6%}.next-chapter{gap:20px}}
@media(max-width:720px){.editorial-page .page-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:24px 6% 48px}.back-home{margin-bottom:24px}.page-hero h1{font-size:clamp(44px,10.4vw,66px);letter-spacing:-2px}.page-intro{max-width:100%}.page-hero-media{width:100%;max-width:520px;margin:auto}.page-hero-media img{aspect-ratio:4/5;max-height:660px}.page-competiciones .page-hero-media img{max-height:none}.page-hero-media figcaption{font-size:9px;letter-spacing:1.2px}.page-hero .eyebrow{margin-bottom:18px}.section-route{margin-top:30px;justify-content:flex-start}.sense-row{grid-template-columns:28px 1fr;gap:14px;padding:27px 0}.sense-row>div{grid-column:2}.sense-row h3{font-size:37px}.sense-row h4{font-size:17px}.sensory-section h2{margin-bottom:36px}.page-brief-grid{grid-template-columns:1fr;gap:24px}.presentation-sequence{grid-template-columns:1fr;gap:28px;margin-top:36px}.presentation-sequence h3{margin:20px 0 12px}.next-chapter{align-items:flex-start;flex-direction:column;gap:14px}.next-chapter>a{width:100%;justify-content:space-between;font-size:25px}.editorial-page .work-gallery{gap:32px 18px}.work-copy h3{font-size:25px}.work-copy p{font-size:13px}.work-card-wide .photo{max-height:none}}
@media(max-width:540px){.work-card-wide{grid-column:auto}}
.coaster-science-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.coaster-science-card{position:relative;overflow:hidden;margin:0;aspect-ratio:1;background:#252820;isolation:isolate}
.coaster-science-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.coaster-science-card .coaster-card-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:32px;background:linear-gradient(transparent 35%,#000b);color:#fff;opacity:0;transition:opacity .4s}
.coaster-science-card .coaster-card-overlay span{font-size:clamp(28px,3.8vw,54px);line-height:1;letter-spacing:.04em;transform:translateY(14px);transition:transform .4s}
.coaster-science-card:hover img,.coaster-science-card:focus img{transform:scale(1.035)}
.coaster-science-card:hover .coaster-card-overlay,.coaster-science-card:focus .coaster-card-overlay{opacity:1}
.coaster-science-card:hover .coaster-card-overlay span,.coaster-science-card:focus .coaster-card-overlay span{transform:translateY(0)}
.coaster-science-card:focus-visible{outline:3px solid #605238;outline-offset:5px}
@media(hover:none),(pointer:coarse){.coaster-science-card .coaster-card-overlay{opacity:1}.coaster-science-card .coaster-card-overlay span{transform:none}}
@media(max-width:600px){.coaster-science-grid{grid-template-columns:1fr;gap:18px}.coaster-science-card .coaster-card-overlay{padding:24px}.coaster-science-card .coaster-card-overlay span{font-size:36px}}
@media(prefers-reduced-motion:reduce){.coaster-science-card:hover img,.coaster-science-card:focus img{transform:none}.coaster-science-card .coaster-card-overlay span{transform:none}}

.coaster-science-card{display:block;color:#fff}
.coaster-science-card .coaster-card-overlay{align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:16px;background:#0009}
.coaster-science-card .coaster-card-overlay p{color:#fff;font-size:clamp(16px,1.6vw,22px);line-height:1.4;margin:0;max-width:350px;text-wrap:balance}
.coaster-science-card .coaster-card-overlay .coaster-more{font-size:11px;letter-spacing:1.5px;margin-top:16px;line-height:1.5;border-bottom:1px solid #ffffff80;padding-bottom:8px}
.coaster-line-detail{scroll-margin-top:24px}
.coaster-line-description{font-size:18px;line-height:1.8}
.coaster-back{display:block;width:fit-content;min-height:44px;margin-top:24px;font-size:12px;text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.coaster-science-card .coaster-card-overlay .coaster-more{font-size:11px}.coaster-line-description{font-size:16px}}

/* Compact overview, then alternating full-size product stories. */
.page-posavasos .coasters .section-heading{display:block}
.page-posavasos #coasters-title{font-size:clamp(40px,5.3vw,80px);line-height:1.06;font-weight:400;letter-spacing:-3px;margin:0 0 28px}
.page-posavasos .coasters .back-home{color:#56594d;margin:0 0 30px}
.coaster-science-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.coaster-science-card .coaster-card-overlay{padding:16px;gap:10px}
.coaster-science-card .coaster-card-overlay .coaster-line-name{font-size:clamp(22px,2.2vw,34px)}
.coaster-science-card .coaster-card-overlay p{font-size:14px}
.coaster-science-card .coaster-card-overlay .coaster-more{font-size:10px;margin-top:8px}
.coaster-detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.coaster-detail-copy{grid-column:1;grid-row:1;min-width:0}
.coaster-detail-photo{grid-column:2;grid-row:1;margin:0;min-width:0}
.coaster-detail-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.coaster-detail-reverse .coaster-detail-copy{grid-column:2}
.coaster-detail-reverse .coaster-detail-photo{grid-column:1}
@media(max-width:720px){.coaster-science-grid{grid-template-columns:repeat(4,230px);gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:6px 6px 18px}.coaster-science-card{scroll-snap-align:start}.coaster-detail-layout{grid-template-columns:1fr;gap:30px}.coaster-detail-layout .coaster-detail-copy,.coaster-detail-layout .coaster-detail-photo{grid-column:1;grid-row:auto}.page-posavasos #coasters-title{font-size:44px;letter-spacing:-2px}}

.page-posavasos .coasters .section-heading .coaster-science-intro{font-size:clamp(20px,2.2vw,30px);line-height:1.55;max-width:950px;margin:0 0 38px;color:#42463b}
.coaster-purpose{max-width:1000px;margin:72px auto 0;padding-top:44px;border-top:1px solid #25282030;text-align:center}
.coaster-purpose h2{font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 24px;text-wrap:balance}
.coaster-purpose p{font-size:clamp(18px,1.8vw,24px);line-height:1.6;color:#56594d;max-width:850px;margin:0 auto;text-wrap:balance}
@media(max-width:720px){.coaster-purpose{margin-top:42px;padding-top:30px}.coaster-purpose h2{letter-spacing:-1px}.page-posavasos .coasters .section-heading .coaster-science-intro{font-size:21px;line-height:1.55}}

/* A broader, centered introduction and a more prominent purpose statement. */
.page-posavasos .coasters .section-heading{text-align:center;max-width:1200px;margin-left:auto;margin-right:auto}
.page-posavasos #coasters-title{font-size:clamp(48px,6.3vw,94px);line-height:1.08;max-width:1100px;margin:0 auto 34px;text-wrap:balance}
.page-posavasos .coasters .section-heading .coaster-science-intro{font-size:clamp(23px,2.5vw,36px);line-height:1.55;max-width:1150px;margin:0 auto 50px;text-wrap:balance}
.coaster-purpose{max-width:1150px}
.coaster-purpose p{font-size:clamp(24px,2.8vw,40px);line-height:1.5;max-width:1100px}
@media(max-width:720px){.page-posavasos #coasters-title{font-size:clamp(44px,10vw,65px);letter-spacing:-2px}.page-posavasos .coasters .section-heading .coaster-science-intro{font-size:23px;margin-bottom:36px}.coaster-purpose p{font-size:26px;line-height:1.5}}

.coaster-photo-gallery{columns:3;column-gap:22px}
.coaster-photo-gallery figure{margin:0 0 22px;break-inside:avoid}
.coaster-photo-gallery img{display:block;width:100%;height:auto;object-fit:contain}
.coaster-photo-section h2{margin-bottom:40px}
@media(max-width:1000px){.coaster-photo-gallery{columns:2;column-gap:18px}.coaster-photo-gallery figure{margin-bottom:18px}}
@media(max-width:600px){.coaster-photo-gallery{columns:1}.coaster-photo-gallery figure{margin-bottom:20px}}

/* Place The Social Hub below the slate on the left; balanced columns avoid holes. */
.coaster-photo-gallery{display:grid;grid-template-columns:1.105fr 1fr 1.28fr;gap:22px;columns:auto;align-items:stretch}
.coaster-gallery-column{display:flex;flex-direction:column;gap:22px;min-width:0}
.coaster-photo-gallery .coaster-gallery-column figure{margin:0;min-width:0}
.coaster-gallery-column:last-child figure{position:relative;flex:1;min-height:0}
.coaster-gallery-column:last-child img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media(max-width:1000px){.coaster-photo-gallery{columns:auto;gap:16px}.coaster-gallery-column{gap:16px}}
@media(max-width:600px){.coaster-photo-gallery{grid-template-columns:1fr;gap:20px}.coaster-gallery-column{gap:20px}.coaster-gallery-column:last-child img{position:static;height:auto}.coaster-gallery-column:last-child figure{flex:auto}}

.landing-coasters .section-heading{display:block;text-align:center;max-width:1200px;margin:0 auto 48px}
.landing-coasters .section-heading h2{font-size:clamp(48px,6.3vw,94px);line-height:1.08;letter-spacing:-3px;max-width:1100px;margin:0 auto 34px;text-wrap:balance}
.landing-coasters .section-heading .coaster-science-intro{font-size:clamp(23px,2.5vw,36px);line-height:1.55;max-width:1150px;margin:0 auto;color:#42463b;text-wrap:balance}
@media(max-width:720px){.landing-coasters .section-heading h2{font-size:clamp(44px,10vw,65px);letter-spacing:-2px}.landing-coasters .section-heading .coaster-science-intro{font-size:23px}.landing-coasters .section-heading{margin-bottom:36px}}

/* More readable studio copy and a single-line contact invitation. */
#estudio .intro-grid>div>p.large{font-size:clamp(25px,2.5vw,36px);line-height:1.45}
#estudio .intro-grid>div>p:not(.large){font-size:clamp(18px,1.6vw,23px);line-height:1.75}
.contact-big{display:flex;align-items:baseline;gap:.25em;white-space:nowrap;font-size:clamp(28px,8.2vw,140px);letter-spacing:-.045em;line-height:1.15}
.contact-big>span{position:static;right:auto;top:auto;flex:none;font-size:1em;line-height:1}
@media(max-width:720px){#estudio .intro-grid>div>p.large{font-size:27px}#estudio .intro-grid>div>p:not(.large){font-size:19px}.contact-big{font-size:clamp(28px,8.2vw,60px)}}
.contact-page-content{padding-top:38px}
.contact-page-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}
.contact-page-grid h1{font-size:clamp(42px,5.1vw,76px);font-weight:400;line-height:1.08;letter-spacing:-2px;margin:0 0 28px}
.contact-page-grid h1 em{color:var(--gold)}
.contact-page-subtitle{font-size:clamp(20px,2vw,27px);line-height:1.55;max-width:550px}
.contact-channels{display:grid;gap:24px;margin-top:45px}
.contact-channels a{display:block;font-size:clamp(17px,1.7vw,24px);min-height:48px;overflow-wrap:anywhere}
.contact-channels a span{display:block;font-size:11px;letter-spacing:1.5px;color:var(--gold);margin-bottom:10px}
#contact-form{padding:30px;background:#ffffff05;border:1px solid var(--line);min-width:0}
#contact-form h2{font-size:28px;letter-spacing:-.7px;margin:0 0 28px}
#contact-form label{font-size:14px}
#contact-form input,#contact-form select,#contact-form textarea{font-size:16px;line-height:1.5}
.contact-form-note,#contact-status{font-size:13px;line-height:1.6;margin:20px 0;color:#c4c6bd}
#contact-send[hidden]{display:none}
@media(max-width:1100px){header>.contact-link{display:none}}
@media(max-width:720px){.contact-page-grid{grid-template-columns:1fr;gap:40px}.contact-page-grid h1{font-size:clamp(42px,11vw,65px)}#contact-form{padding:24px 18px}.contact-channels{margin-top:30px}.contact-page-subtitle{font-size:22px}}

.contact-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}form [role="status"]{min-height:1.5em;line-height:1.6}form button:disabled{opacity:.65;cursor:wait}#brief-dialog{max-height:90dvh;overflow-y:auto}

/* Original Arista identity supplied by the owner. */
.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;line-height:1;letter-spacing:0}
.brand img{display:block;object-fit:contain;mix-blend-mode:screen;flex-shrink:0}
.brand .brand-symbol{width:43px;height:27px}
.brand .brand-wordmark{width:142px;height:auto}
footer .brand .brand-symbol{width:55px;height:34px}
footer .brand .brand-wordmark{width:178px}
@media(max-width:720px){.brand{gap:6px}.brand .brand-symbol{width:34px;height:24px}.brand .brand-wordmark{width:116px}footer .brand .brand-wordmark{width:150px}}

/* Transparent vector identity, enlarged with compact mobile sizing. */
.brand{gap:15px}.brand img{mix-blend-mode:normal}
.brand .brand-symbol{width:66px;height:36px}
.brand .brand-wordmark{width:190px;height:auto}
footer .brand .brand-symbol{width:80px;height:44px}
footer .brand .brand-wordmark{width:240px}
@media(max-width:720px){.brand{gap:10px}.brand .brand-symbol{width:49px;height:28px}.brand .brand-wordmark{width:150px}footer .brand .brand-symbol{width:58px;height:32px}footer .brand .brand-wordmark{width:185px}}

/* Legible confirmation feedback in both contact forms. */
#contact-status,#form-status{font-size:clamp(22px,2.3vw,28px);line-height:1.5;font-weight:400;margin-top:20px}#contact-status:empty,#form-status:empty{margin-top:0}

/* Hide the egg photo while the 3D scene starts; retain it for fallback mode. */
#egg-fallback{opacity:0;transition:none}
@media(prefers-reduced-motion:reduce){#egg-fallback{opacity:.8}}
.coaster-line-description{font-size:clamp(21px,2vw,25px);line-height:1.65}
.coaster-detail-copy .large{font-size:clamp(25px,2.5vw,32px);line-height:1.4}
.footer-contact-link{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.footer-contact-link svg{flex-shrink:0}
.footer-contact-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}