:root{--ink:#20271d;--olive:#293725;--cream:#f7f2e8;--paper:#fffaf2;--gold:#b0874a;--light-gold:#e8c886;--muted:#6e6b5e;--line:#d8cebb;--radius:16px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.7 Arial,Helvetica,sans-serif}body:has(dialog[open]){overflow:hidden}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 1.2em}button{border:0}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}h1,h2,h3,h4{font-weight:400;margin:0;line-height:1.08;letter-spacing:-.035em}h1,h2{font-family:Georgia,'Times New Roman',serif}h2{font-size:clamp(40px,4.5vw,68px)}h3{font-size:27px;line-height:1.25}h4{font-size:20px;line-height:1.35}h2 em,h1 em{color:var(--gold);font-weight:400}main{overflow:clip}.section{padding:90px max(5.5%,calc((100vw - 1420px)/2))}.eyebrow{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;line-height:1.6;color:var(--gold);margin-bottom:22px}.skip{position:fixed;top:8px;left:8px;padding:12px 20px;background:var(--paper);z-index:100;transform:translateY(-160%)}.skip:focus{transform:none}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 25px;border:1px solid var(--light-gold);border-radius:4px;background:var(--light-gold);color:#242a1c;font-size:15px;line-height:1.4;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#f2d89f;transform:translateY(-2px)}.button.olive{background:var(--olive);border-color:var(--olive);color:var(--cream)}.button.olive:hover{background:#3f5138}.button.outline{background:transparent;border-color:var(--line);color:var(--ink)}.text-button{display:inline-block;background:none;border:0;border-bottom:1px solid var(--gold);padding:12px 0;font-size:15px;text-align:left;color:inherit}.fineprint{font-size:13px;line-height:1.8;color:var(--muted)}
/* Quiet transparent header, with the bottle's own logotype. */
.nav{position:fixed;inset:0 0 auto;z-index:30;height:112px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:25px;padding:0 4.5%;color:#faecd0;border-bottom:1px solid #faecd029;transition:background .2s,color .2s,height .2s}.nav.is-scrolled,.nav.menu-open{height:100px;background:#f7f2e8f7;color:var(--ink);border-color:var(--line);backdrop-filter:blur(18px)}.nav.on-light:not(.is-scrolled):not(.menu-open){color:var(--ink);border-color:#292b1a25}.brand{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;width:245px;gap:6px}.brand-logo{display:block;width:168px;height:39px;background:currentColor;-webkit-mask:url('assets/nouba-label-logo.png') center -13px/174px 59px no-repeat;mask:url('assets/nouba-label-logo.png') center -13px/174px 59px no-repeat}.brand-small{font:12px/1.4 Georgia,serif;letter-spacing:.015em;text-align:center}.slogan-break{display:none}.slogan-space{display:inline}.nav nav{display:flex;align-items:center;justify-content:center;gap:27px}.nav nav a{font-size:14px;white-space:nowrap;padding:15px 0;border-bottom:1px solid transparent}.nav nav a:hover{border-color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:14px}.nav-actions button{background:transparent;color:inherit;min-width:44px;height:44px;font-size:14px}.nav #lang{border:1px solid currentColor;border-radius:50%}.nav-contact{background:var(--light-gold);color:#232b1c;padding:12px 20px;border-radius:3px;font-size:14px;white-space:nowrap}#menu{display:none;font-size:24px}
/* The opening composition keeps copy to the left of all four bottles. */
.hero{position:relative;background:#13170f;aspect-ratio:16/9;min-height:720px;color:#fff0d5}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s}.slide.active{opacity:1;visibility:visible}.slide>img,.slide>video{width:100%;height:100%;object-fit:contain;object-position:center}.slide>video{object-fit:cover}.hero-copy{position:absolute;left:5.5%;top:24%;width:40%;max-width:570px;z-index:2}.hero h1,.hero h2{font:400 clamp(50px,5.5vw,86px)/1.02 Georgia,serif;letter-spacing:-.045em}.hero em{color:var(--light-gold)}.hero .eyebrow{color:var(--light-gold);font-size:11px;margin-bottom:25px}.hero p{font-size:17px;line-height:1.65;margin:25px 0 27px;max-width:380px}.hero .olive{background:var(--light-gold);color:#232b1c;border-color:var(--light-gold)}.hero .portrait-slide{background:#f2e7d3;color:var(--ink)}.portrait-slide em,.portrait-slide .eyebrow{color:#8b6734}.hero .portrait-slide .olive{background:var(--olive);color:var(--cream)}.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111a12cf,transparent 90%)}.film-actions{display:flex;gap:12px;flex-wrap:wrap}.film-sound{background:transparent;color:var(--cream)}.film-timeline{position:absolute;left:57%;right:5.5%;bottom:120px;z-index:2}.film-timeline>span{font-size:17px}.film-track{height:2px;background:#ffffff50;margin:12px 0}.film-track>span{display:block;height:100%;background:var(--light-gold);width:0}.film-timeline>p{font-size:11px;line-height:1.6;margin:10px 0;max-width:none}.film-timeline .film-music-credit{font-size:10px;color:#dfd1b5}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:22px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3;border-top:1px solid #faecd033;background:#10150a55;backdrop-filter:blur(8px)}.hero-bottom.on-light{color:var(--ink);background:#fff5e4aa;border-color:#292b1a25}.hero-tag,.scroll{font-size:10px;letter-spacing:.14em}.carousel-controls{display:flex;align-items:center;gap:6px}.carousel-controls button{background:transparent;color:inherit;min-width:44px;height:44px;font-size:20px;border:1px solid #f7e2b02e;border-radius:50%}.on-light .carousel-controls button{border-color:#292b1a25}.carousel-controls .dot{border:none;min-width:28px;width:28px}.dot span{display:block;width:5px;height:5px;border-radius:50%;margin:auto;background:currentColor;opacity:.4;transition:width .2s}.dot.selected span{width:20px;border-radius:3px;opacity:1}.carousel-controls #pause{font-size:14px;margin-left:10px}.ribbon{display:flex;align-items:center;justify-content:center;gap:35px;padding:23px 5%;background:var(--olive);color:#f5e6c8;font-size:12px;letter-spacing:.08em}.ribbon span:nth-child(even){color:var(--light-gold);font-size:21px}
/* Distinct editorial sections, with comfortable reading widths. */
.brand-overview{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;border-bottom:1px solid var(--line)}.overview-intro h2{font-size:48px;margin-bottom:30px}.overview-intro p{font-size:15px;color:var(--muted);line-height:1.9}.brand-facts{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:0}.brand-facts>div{border-top:1px solid var(--line);padding:24px 0;min-width:0}.brand-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:12px}.brand-facts dd{font:23px/1.4 Georgia,serif;margin:0}.story-head{margin-bottom:45px}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}.story-text p{font-size:15px;color:var(--muted);line-height:1.95}.story-text .lead{font:26px/1.55 Georgia,serif;color:var(--ink);border-left:1px solid var(--gold);padding-left:25px}.signature{font:24px Georgia,serif;margin-top:30px;letter-spacing:.1em}.signature span{display:block;margin-top:10px;font:13px/1.5 Georgia,serif;letter-spacing:0;color:var(--muted)}.story-fan{min-width:0}.photo-fan{position:relative;height:480px;isolation:isolate;--pointer-x:0px;--pointer-y:0px}.photo-open{display:block;position:relative;background:none;padding:0;width:100%;overflow:hidden}.photo-open>img{height:100%;object-fit:cover}.fan-card{position:absolute;top:12%;left:22%;width:56%;height:75%;border-radius:12px;box-shadow:0 20px 45px #211b1826;transform-origin:50% 80%;transition:transform .6s,box-shadow .4s}.fan-left{z-index:1;transform:translate(-40%,25px) rotate(-15deg)}.fan-right{z-index:2;transform:translate(40%,25px) rotate(15deg)}.fan-center{z-index:3;transform:translateY(-18px)}.fan-caption{position:absolute;inset:auto 0 0;text-align:left;padding:35px 16px 16px;background:linear-gradient(transparent,#11170de0);color:var(--cream);font-size:12px;line-height:1.4}.product-card{background:#f1e7d6}.product-card img{object-fit:contain;padding:8px 7px 30px}.story-fan figcaption{font-size:11px;color:var(--muted);text-align:center;line-height:1.7;padding-top:15px}.mission{background:#ece5d7;text-align:center}.mission h2{max-width:850px;margin:0 auto 30px}.mission-intro{font:21px/1.7 Georgia,serif;max-width:740px;margin:0 auto 50px}.mission-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;text-align:left}.mission-values article{padding-top:25px;border-top:1px solid #b9a889}.mission-values article>span{font-size:11px;color:var(--gold)}.mission-values h3{font-size:22px;margin:22px 0 18px}.mission-values p{font-size:14px;line-height:1.9;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8%;margin-bottom:50px}.section-heading>div{flex:1}.section-heading>p{flex:0 1 350px;font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:5px}.process{background:var(--paper)}.process-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:start}.process-grid figure{position:relative}.process-grid img{aspect-ratio:4/5;object-fit:cover;border-radius:2px}.process-grid figcaption{font:15px Georgia,serif;margin-top:18px;color:var(--muted)}.process-steps details{border-top:1px solid var(--line);padding:21px 0}.process-steps summary{font-size:20px;display:flex;align-items:center;gap:24px;cursor:pointer;list-style:none}.process-steps strong{font-weight:400}.process-steps summary>span{font-size:11px;color:var(--gold)}summary::-webkit-details-marker{display:none}.process-steps summary:after{content:'+';margin-left:auto;font:23px Georgia,serif;color:var(--gold)}.process-steps details[open] summary:after{content:'−'}.process-steps details p{font-size:14px;color:var(--muted);margin:20px 0 0 39px;line-height:1.9}.process-steps>.fineprint{border-top:1px solid var(--line);padding-top:20px;margin-top:0}.living-gallery{text-align:center;background:#eae2d4;border-block:1px solid var(--line);overflow:hidden}.gallery-heading{max-width:850px;margin:auto}.gallery-heading p{font-size:15px;line-height:1.8;color:var(--muted);max-width:570px;margin:25px auto}.gallery-deck{display:flex;align-items:flex-start;justify-content:center;position:relative;padding:35px 20px 120px;isolation:isolate;--pointer-x:0px;--pointer-y:0px}.deck-card{flex:0 0 21%;max-width:250px;width:21%;aspect-ratio:3/4;border-radius:10px;margin:0 -5px;transform:translateY(var(--card-offset)) rotate(var(--card-angle));box-shadow:0 18px 35px #261f1620;transition:transform .5s,box-shadow .4s}.deck-card:nth-child(3){z-index:2}.gallery-footnote{font-size:12px;color:var(--muted);margin:20px auto 0}.reveal-card .reveal-image{position:absolute;inset:0;opacity:0;transition:opacity .5s;object-fit:contain;background:#141811}.reveal-card:focus-visible .reveal-image{opacity:1}.fan-card:focus-visible,.deck-card:focus-visible{z-index:6;transform:translateY(-10px) rotate(0)}.photo-hint{position:absolute;bottom:18px;right:18px;border:1px solid #e3c78f70;background:#1d2719da;border-radius:3px;padding:10px 15px;color:var(--cream);font-size:11px;line-height:1.4;backdrop-filter:blur(8px)}
/* Product images are contained, preserving the labels and bottle silhouettes. */
.collection-image{overflow:hidden;background:#141811;border-radius:3px}.collection-image .photo-open{aspect-ratio:16/9}.collection-image img{object-fit:contain}.label-story{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px;padding:45px 0;border-bottom:1px solid var(--line);margin-bottom:50px}.label-story .eyebrow{font-size:10px;margin-bottom:15px}.label-story h3{font:26px/1.25 Georgia,serif}.label-story h4{font-size:17px;margin:0 0 15px}.label-story p{font-size:13px;line-height:1.85;color:var(--muted)}.format-showcase{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;align-items:center}.format-visual{min-width:0;background:#efe5d3}.format-visual .photo-open{aspect-ratio:3/4}.format-visual img{object-fit:contain;height:100%}.format-visual figcaption{padding:15px;text-align:center;font:15px Georgia,serif}.format-instruction{font-size:14px;color:var(--muted);margin-bottom:25px}.formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.format{min-width:0;text-align:left;background:transparent;border:1px solid var(--line);border-radius:4px;padding:23px 20px;min-height:210px;transition:background .25s,border .25s}.format small{display:block;font-size:11px;line-height:1.6;color:var(--muted)}.format strong{display:block;font:46px/1 Georgia,serif;margin:23px 0}.format strong em{font-size:22px;font-style:normal}.format>span{font-size:13px;line-height:1.7;display:block}.format:hover{border-color:var(--gold);background:#eee3cf}.format.selected{background:var(--olive);color:var(--cream);border-color:var(--olive)}.format.selected small{color:var(--light-gold)}.format-detail{display:flex;gap:30px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:30px 0;margin-bottom:18px;font-size:13px;color:var(--muted)}.format-detail a{white-space:nowrap;color:var(--ink);border-bottom:1px solid var(--gold);padding:10px 0}.landscape{display:grid;grid-template-columns:1.1fr 1fr;background:var(--olive);color:var(--cream)}.landscape>.photo-open{min-height:550px}.landscape>.photo-open img{height:100%;object-fit:cover}.landscape>div{padding:80px 12%;align-self:center}.landscape .eyebrow{color:var(--light-gold)}.landscape h2{font-size:clamp(40px,4vw,65px);margin-bottom:25px}.landscape p{font-size:15px;line-height:1.9;color:#e3dccb}
.pro-types{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 40px}.pro-types span{padding:10px 18px;border:1px solid var(--line);border-radius:30px;font-size:12px}.pro-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9%;align-items:center}.pro-image{max-width:450px;background:#141811;border-radius:3px;overflow:hidden}.pro-image .photo-open{aspect-ratio:3/4}.pro-image img{height:100%;object-fit:contain}.pro-steps article{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.pro-steps article>span{font-size:11px;color:var(--gold)}.pro-steps h3{font-size:23px;margin-bottom:15px}.pro-steps p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:0}.pro-steps>.button{margin-top:15px}.downloads{margin-top:55px;background:#ece5d7;padding:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;align-items:center}.downloads .eyebrow{font-size:10px;margin-bottom:14px}.downloads h3{font:26px/1.3 Georgia,serif}.downloads>a{height:100%;background:var(--paper);border:1px solid var(--line);padding:20px;font-size:14px;transition:border .2s}.downloads>a:hover{border-color:var(--gold)}.downloads small{display:block;font-size:11px;color:var(--muted);margin-top:18px}.faq{max-width:1200px;margin:auto;padding-top:45px}.faq h2{margin-bottom:40px}.faq details{padding:23px 0;border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-size:18px;line-height:1.5;display:flex;justify-content:space-between;gap:25px;list-style:none;cursor:pointer}.faq summary:after{content:'+';font-size:22px;color:var(--gold)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);line-height:1.9;margin:23px 0 0}
/* Contact remains explicit: review first, then send from your own email app. */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:9%;background:var(--olive);color:var(--cream)}.contact .eyebrow{color:var(--light-gold)}.contact h2{font-size:clamp(40px,4vw,64px);margin-bottom:28px}.contact h2 em{color:var(--light-gold)}.contact>div>p{font-size:15px;line-height:1.9;color:#ded8c7}.contact-identity{font:22px/1.5 Georgia,serif;border-top:1px solid #e8c88640;margin-top:35px;padding-top:30px}.contact-identity span{font:13px/1.8 Arial,sans-serif;color:#ded8c7}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin:30px 0}.contact-links a{font-size:14px;border-bottom:1px solid #e8c88660;overflow-wrap:anywhere;max-width:100%;padding-bottom:5px}.contact-links .whatsapp{border:1px solid #e8c88660;padding:10px 22px;border-radius:3px;margin-top:8px}.contact-card{font-size:13px;border-bottom:1px solid #e8c88660;padding:12px 0;display:inline-block}.contact-info{margin-top:25px}.contact form{min-width:0;border:1px solid #e8c88640;padding:32px;background:#ffffff05}.form-heading{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #e8c88640}.form-heading .eyebrow{font-size:10px;margin-bottom:14px}.form-heading h3{font:30px/1.2 Georgia,serif;margin-bottom:15px}.form-heading p{font-size:13px;line-height:1.8;color:#ded8c7;margin-bottom:0}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact label{display:block;min-width:0;margin-bottom:20px}.contact label>span{display:block;font-size:12px;line-height:1.5;margin-bottom:9px}.contact input,.contact select,.contact textarea{width:100%;max-width:100%;min-width:0;color:var(--ink);background:var(--paper);border:1px solid #d8cebb;border-radius:3px;padding:13px 14px;min-height:50px;font-size:16px;line-height:1.5}.contact input::placeholder,.contact textarea::placeholder{color:#79776e;opacity:1}.contact textarea{resize:vertical;min-height:140px}.contact form>.button{width:100%;margin-top:3px}.form-note{font-size:11px;line-height:1.9;color:#ded8c7;margin:18px 0 0}.field-help{display:block;font-size:10px;line-height:1.7;color:#ded8c7;margin-top:8px}.country-combobox{position:relative}.country-combobox input{padding-right:42px}#country-toggle{position:absolute;right:2px;top:2px;height:46px;width:36px;background:none;color:var(--ink);font-size:24px}#country-options{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:280px;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:5px;background:var(--paper);border:1px solid var(--gold);box-shadow:0 15px 30px #0003;z-index:8;color:var(--ink);border-radius:3px}#country-options[hidden]{display:none}#country-options li[role=option]{padding:10px 12px;font-size:14px;line-height:1.6;cursor:pointer;border-radius:2px}#country-options li[role=option]:hover,#country-options li[aria-selected=true]{background:#e8ddc7}#country-options .country-group{padding:12px 12px 4px;color:#8b6734;text-transform:uppercase;font-size:9px;letter-spacing:.09em}#country-options .country-empty{padding:12px;font-size:12px}.contact #form-status{font-size:13px;line-height:1.8;margin:15px 0 0}
footer{padding:50px 5.5% 25px;background:#151b12;color:var(--cream)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #e8c88635;padding-bottom:35px}.footer-brand{font:40px Georgia,serif;letter-spacing:.14em}.footer-top p{font:19px Georgia,serif;margin:0}.footer-top>a:last-child{font-size:11px;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.8;color:#cbc7b8;padding-top:25px}.footer-bottom button{padding:0;background:none;color:inherit;font-size:inherit}dialog{max-width:760px;width:calc(100% - 36px);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid var(--line);background:var(--cream);color:var(--ink);padding:45px;border-radius:6px}dialog::backdrop{background:#10170ee6;backdrop-filter:blur(7px)}dialog h2{font-size:44px;margin-bottom:23px}dialog p{font-size:14px;line-height:1.9}.close-dialog{position:absolute;right:15px;top:12px;background:none;font-size:28px;line-height:44px;width:44px}.review-actions{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.review-actions .text-button{flex-basis:100%;width:fit-content}#enquiry-preview{width:100%;resize:vertical;background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:16px;color:var(--ink);font:14px/1.8 Arial,sans-serif;min-height:250px}#enquiry-dialog .fineprint{font-size:11px}#copy-status{color:var(--olive);margin-bottom:0}#photo-dialog{width:fit-content;max-width:94vw;padding:20px;background:#151b12;color:var(--cream);border-color:#e8c88645}#photo-full{width:auto;max-width:85vw;max-height:75dvh;object-fit:contain}#photo-caption{font-size:12px;text-align:center;margin:15px 10px 0}.photo-close{display:block;position:relative;margin:0 0 12px auto;width:44px;height:44px;background:transparent;color:var(--cream);font-size:28px}.music-toggle{position:fixed;right:20px;bottom:18px;z-index:20;display:flex;align-items:center;gap:9px;padding:10px 16px;min-height:44px;border:1px solid #d1b06b80;border-radius:30px;background:#171f13ed;color:#f2dfb7;box-shadow:0 5px 18px #0003;backdrop-filter:blur(12px);font-size:11px}.music-toggle>span:first-child{font-size:18px}.music-bars{display:flex;align-items:center;gap:3px;height:16px}.music-bars i{width:2px;height:4px;background:var(--light-gold)}.music-toggle[aria-pressed=true] .music-bars i{animation:musicPulse 1s infinite alternate}.music-bars i:nth-child(2){animation-delay:.2s}.music-bars i:nth-child(3){animation-delay:.4s}@keyframes musicPulse{to{height:15px}}
@media(hover:hover) and (pointer:fine){.photo-fan:hover .fan-left{transform:translate(calc(-49% + var(--pointer-x)),calc(15px + var(--pointer-y))) rotate(-20deg)}.photo-fan:hover .fan-right{transform:translate(calc(49% + var(--pointer-x)),calc(15px + var(--pointer-y))) rotate(20deg)}.photo-fan:hover .fan-center{transform:translate(var(--pointer-x),calc(-25px + var(--pointer-y)))}.photo-fan .fan-card:hover{z-index:6;transform:translateY(-15px) rotate(0) scale(1.04)}.deck-card:hover{z-index:7;transform:translateY(calc(var(--card-offset) - 25px)) rotate(0) scale(1.04)}.reveal-card:hover .reveal-image{opacity:1}}
@media(min-width:1800px){.hero{min-height:880px;max-height:1100px}.hero-copy{left:max(5.5%,calc((100vw - 1420px)/2))}}
@media(max-width:1250px){.nav{grid-template-columns:245px 1fr;gap:15px}.nav-actions{justify-self:end}.nav nav{display:none;position:absolute;top:112px;left:0;right:0;padding:20px 5.5%;background:var(--cream);color:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 30px #171d1518}.nav nav.open{display:flex}.nav.is-scrolled nav{top:100px}.nav nav a{padding:14px 0;font-size:17px}#menu{display:block}.hero-copy{top:26%;width:42%}.hero h1,.hero h2{font-size:clamp(48px,5.4vw,68px)}.hero{min-height:700px}.brand-overview{gap:6%}.story-grid{gap:6%}.overview-intro h2{font-size:42px}.photo-fan{height:420px}.label-story{grid-template-columns:1fr 1fr;gap:25px}.contact{gap:5%}.contact form{padding:25px}.contact .form-row{grid-template-columns:1fr}.downloads{grid-template-columns:1fr 1fr}.downloads>div{grid-column:1/-1}.process-grid{gap:6%}}
@media(min-width:721px) and (max-width:1000px){.section{padding-top:70px;padding-bottom:70px}.brand-overview,.contact{grid-template-columns:1fr;gap:35px}.brand-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-facts dd{font-size:19px}.overview-intro{max-width:750px}.contact .form-row{grid-template-columns:1fr 1fr}.contact form{max-width:850px}.format-showcase{gap:4%}.format{padding:20px 15px}.format strong{font-size:40px}.mission-values{gap:20px}.mission-values h3{font-size:19px}.hero-copy{width:44%}.hero h1,.hero h2{font-size:48px}.hero .eyebrow{font-size:10px}.hero p{font-size:15px}.film-timeline{left:55%;bottom:120px}.story-text .lead{font-size:23px}.photo-fan{height:360px}.process-grid{gap:5%}.pro-grid{gap:5%}}
@media(max-width:720px){html{scroll-padding-top:108px}body{font-size:16px}.nav,.nav.is-scrolled{height:96px;padding:0 5%;grid-template-columns:minmax(0,1fr) auto;gap:10px}.nav .brand{align-items:flex-start;width:185px;gap:5px}.brand-small{font-size:11px;text-align:left;line-height:1.35}.brand-logo{width:140px;height:33px;-webkit-mask-size:144px 49px;mask-size:144px 49px;-webkit-mask-position:center -11px;mask-position:center -11px}.slogan-break{display:inline}.slogan-space{display:none}.nav-actions{gap:3px}.nav #lang,.nav #menu{min-width:42px;width:42px;height:44px}.nav-contact{display:none}.nav nav,.nav.is-scrolled nav{top:96px}.section{padding:60px 5%}.eyebrow{font-size:11px;margin-bottom:20px}h2{font-size:40px}.hero{aspect-ratio:auto;min-height:0;padding-top:96px;height:auto}.slide{position:static;display:none;opacity:1;visibility:visible;transition:none}.slide.active{display:flex;flex-direction:column}.slide>img,.slide>video{position:static;order:2;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.hero-copy{position:static;width:auto;max-width:none;padding:30px 5% 25px;order:1}.hero h1,.hero h2{font-size:clamp(43px,11vw,65px);line-height:1.04}.hero .eyebrow{font-size:10px;margin-bottom:20px}.hero p{font-size:15px;margin:20px 0 23px}.hero .button{font-size:13px;min-height:50px;padding:13px 20px}.hero .portrait-slide{background:#f2e7d3}.hero:has(.portrait-slide.active){background:#f2e7d3}.film-shade{display:none}.film-timeline{position:static;order:3;padding:22px 5%}.film-timeline>p{font-size:10px}.film-actions{gap:9px}.hero-bottom{position:static;justify-content:center;padding:12px 5%;background:#141c12;backdrop-filter:none}.hero-tag,.scroll{display:none}.carousel-controls{gap:5px}.carousel-controls button{width:44px;height:44px}.ribbon{gap:15px;font-size:10px;padding:18px 5%;line-height:1.7;flex-wrap:wrap}.ribbon span:nth-child(even){font-size:18px}.ribbon span:nth-last-child(-n+2){display:none}.brand-overview{grid-template-columns:1fr;gap:25px}.overview-intro h2{font-size:38px}.overview-intro p{font-size:14px}.brand-facts{gap:0 20px}.brand-facts>div{padding:20px 0}.brand-facts dd{font-size:21px}.brand-facts dt{font-size:10px}.story-head{margin-bottom:25px}.story-grid{grid-template-columns:1fr;gap:30px}.photo-fan{height:390px;max-width:460px;margin:auto}.fan-card{border-radius:8px}.fan-left{transform:translate(-34%,22px) rotate(-12deg)}.fan-right{transform:translate(34%,22px) rotate(12deg)}.story-text .lead{font-size:24px;padding-left:20px}.story-text p{font-size:14px}.mission h2{font-size:40px}.mission-intro{font-size:19px;margin-bottom:30px}.mission-values{grid-template-columns:1fr;gap:10px}.mission-values article{padding-top:22px}.mission-values h3{font-size:22px;margin:15px 0}.mission-values p{font-size:14px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:25px 0 0;font-size:14px}.process-grid{grid-template-columns:1fr;gap:30px}.process-grid figure{max-width:430px;width:100%;margin:auto}.process-grid img{aspect-ratio:4/3;object-position:50% 45%}.process-steps summary{font-size:19px}.process-steps details p{font-size:14px;margin-left:0}.gallery-heading p{font-size:14px;margin-bottom:15px}.gallery-deck{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;gap:23px;padding:25px 8% 50px;margin-inline:-5.6%;overscroll-behavior-x:contain}.deck-card{flex:0 0 64%;width:64%;max-width:275px;--card-offset:0px!important;transform:rotate(var(--card-angle));margin:0;scroll-snap-align:center}.deck-card:nth-child(even){transform:translateY(12px) rotate(var(--card-angle))}.gallery-footnote{font-size:11px;margin-top:5px}.label-story{grid-template-columns:1fr;gap:22px;padding:30px 0;margin-bottom:30px}.label-story>div:first-child{margin-bottom:5px}.label-story h3{font-size:25px}.label-story h4{font-size:18px;margin-bottom:10px}.label-story p{font-size:13px;margin-bottom:0}.format-showcase{grid-template-columns:1fr;gap:30px}.format-visual{max-width:400px;width:100%;margin:auto}.format-choices .eyebrow{margin-bottom:12px}.formats{gap:10px}.format{padding:18px 15px;min-height:195px}.format strong{font-size:43px;margin:22px 0}.format small{font-size:10px;min-height:16px}.format>span{font-size:12px}.format-detail{display:block;font-size:12px}.format-detail a{display:inline-block;margin-top:15px;white-space:normal}.fineprint{font-size:11px}.landscape{grid-template-columns:1fr}.landscape>.photo-open{min-height:0;aspect-ratio:4/3}.landscape>div{padding:45px 5%}.landscape h2{font-size:42px}.landscape p{font-size:14px}.pro-types{gap:8px;margin-bottom:30px}.pro-types span{font-size:11px;padding:8px 13px}.pro-grid{grid-template-columns:1fr;gap:30px}.pro-image{max-width:400px;width:100%;margin:auto}.pro-steps h3{font-size:21px}.pro-steps article{gap:20px}.pro-steps p{font-size:14px}.downloads{grid-template-columns:1fr;padding:22px;gap:15px;margin-top:35px}.downloads>div{grid-column:auto;margin-bottom:8px}.downloads>a{font-size:14px}.faq{padding-top:30px}.faq summary{font-size:17px}.faq details p{font-size:14px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:42px}.contact .form-row{grid-template-columns:1fr}.contact form{padding:25px 20px}.contact-links a{font-size:14px}.contact label>span{font-size:13px}.contact input,.contact select,.contact textarea{font-size:16px}.form-note,.field-help{font-size:11px}.form-heading h3{font-size:28px}#country-options{max-height:240px}.footer-top{display:block}.footer-top p{font-size:19px;line-height:1.6;margin:22px 0}.footer-top>a:last-child{display:inline-block;padding:10px 0}.footer-bottom{display:block;padding-bottom:30px}.footer-bottom>*{display:block;margin:13px 0;font-size:11px}.music-toggle{right:12px;bottom:12px;font-size:10px;padding:10px 13px}.music-bars{display:none}dialog{padding:45px 23px 25px}dialog h2{font-size:36px}.review-actions .button{width:100%}.review-actions .text-button{font-size:13px}#photo-dialog{padding:12px}#photo-full{max-width:calc(94vw - 26px);max-height:70dvh}}
@media(max-width:360px){.nav .brand{width:170px}.brand-small{font-size:10px}.nav #lang,.nav #menu{min-width:38px;width:38px}.nav-actions{gap:0}.hero h1,.hero h2{font-size:42px}.format{padding:17px 12px}.format strong{font-size:39px}.format small{font-size:9px}.photo-fan{height:335px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover{transform:none}.photo-fan:hover .fan-left{transform:translate(-40%,25px) rotate(-15deg)}.photo-fan:hover .fan-right{transform:translate(40%,25px) rotate(15deg)}.photo-fan:hover .fan-center{transform:translateY(-18px)}.deck-card:hover{transform:translateY(var(--card-offset)) rotate(var(--card-angle))}}

/* Body copy remains comfortable to read at both screen sizes. */
.overview-intro p,.story-text p,.mission-values p,.process-steps details p,.section-heading>p,.gallery-heading p,.pro-steps p,.faq details p,.contact>div>p,.form-heading p{font-size:16px}.story-text .lead{font-size:26px}.contact label>span{font-size:14px}.format>span{font-size:14px}.format small{font-size:12px}.label-story p{font-size:15px}.contact-links a{font-size:16px}.form-note{font-size:13px}.field-help{font-size:12px}.format-instruction{font-size:16px}.downloads>a{font-size:16px}.contact form{overflow:visible}
@media(max-width:720px){.story-text .lead{font-size:24px}.format>span{font-size:14px}.format small{font-size:11px}.formats .format{min-height:210px}.gallery-heading p{font-size:15px}.label-story p{font-size:15px}.contact-links a{font-size:15px}.form-note{font-size:12px}.field-help{font-size:11px}}

/* Discovery first. Contact is a discreet, optional last step. */
.discovery-notes{display:flex;flex-direction:column;justify-content:center;gap:28px}
.discovery-notes article{border-top:1px solid var(--line);padding-top:22px}
.discovery-notes h3{font-size:24px;margin:0 0 14px}.discovery-notes p{font-size:17px;line-height:1.8;color:var(--muted);margin:0}
.optional-contact{display:block;border-top:1px solid var(--line);padding-top:40px;padding-bottom:40px;background:var(--paper)}
.contact-reveal>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font:clamp(24px,3vw,38px)/1.3 Georgia,serif;min-height:60px}
.contact-reveal>summary>span:last-child{font:30px Arial,sans-serif;transition:transform .2s}.contact-reveal[open]>summary>span:last-child{transform:rotate(45deg)}
.optional-hint{font-size:15px;color:var(--muted);margin:14px 0 0}.contact-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;padding-top:45px}
.contact-body h2{font-size:clamp(36px,4.5vw,60px);margin:20px 0}.contact-body p{font-size:16px;line-height:1.8}.contact-body .contact-links{margin-top:26px}
.extra-fields{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0 24px;padding:18px 0}.extra-fields>summary{cursor:pointer;font-size:15px;list-style:none}.extra-fields>summary:after{content:' +';float:right}.extra-fields[open]>summary{margin-bottom:20px}.extra-fields[open]>summary:after{content:' −'}
.optional-contact .form-note{font-size:13px}.optional-contact label{font-size:14px}.optional-contact input,.optional-contact select,.optional-contact textarea{font-size:16px}.footer-bottom a{font-size:inherit;text-decoration:underline;text-underline-offset:4px}
@media(max-width:720px){.contact-body{grid-template-columns:minmax(0,1fr);gap:35px}.contact-reveal>summary{font-size:25px}.discovery-notes h3{font-size:22px}.discovery-notes p{font-size:16px}.optional-contact{padding-block:30px}.footer-bottom{flex-wrap:wrap}}