:root{--ink:#0b090d;--paper:#fffaf4;--muted:#c4b9c4;--lime:#d9fc65;--surface:#1c1020;--border:#423740;--hover:#e9ffad}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:6px}.preview{padding:10px 4%;font:11px monospace;background:#e4dafa;color:#211826;display:flex;justify-content:space-between;gap:20px}.preview a{text-decoration:underline}.hero{min-height:790px;height:calc(100svh - 34px);max-height:1100px;position:relative;isolation:isolate;overflow:hidden;background:#180b16}.hero-film{position:absolute;right:0;top:0;width:73%;height:100%;object-fit:cover;object-position:50% 35%;z-index:-3}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#110812 0%,#110812f0 24%,#11081255 62%,#11081230),linear-gradient(0deg,#11081280,transparent 40%)}header{display:flex;align-items:center;justify-content:space-between;padding:32px 4%;gap:20px}.brand{font-size:18px;letter-spacing:5px;font-weight:bold;white-space:nowrap}.brand span{color:var(--lime);font-size:14px;margin-left:10px}nav{display:flex;align-items:center;gap:36px;font:12px monospace;letter-spacing:1px}.outline{border:1px solid var(--lime);border-radius:50px;padding:12px 22px;color:var(--lime)}nav a:hover{color:var(--lime)}.hero-copy{padding:65px 5% 100px}.eyebrow{font:11px/1.5 monospace;letter-spacing:2px;color:var(--lime);margin:0 0 28px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.045em}h1{font-size:clamp(105px,13.2vw,210px);line-height:.88;font-weight:700}em{font-weight:normal}h1 em{font-weight:bold}.intro{font-size:18px;line-height:1.8;margin:38px 0 30px}.cta{display:inline-flex;gap:30px;align-items:center;background:var(--lime);color:#171018;border-radius:50px;padding:18px 27px;font:12px monospace;letter-spacing:.5px;transition:transform .2s}.cta:hover{transform:translateY(-3px);background:var(--hover)}.hero-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:1px;color:var(--muted)}.hero-bottom b{font:34px Georgia;color:var(--paper);margin-right:22px}.collection,.approach,.preview-note{max-width:1540px;margin:auto;padding:100px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:65px}h2{font-size:clamp(48px,5.7vw,86px);line-height:1.02}.section-head>p{font:14px/1.8 monospace;color:var(--muted);padding-right:4%}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;align-items:start}.tile{position:relative;display:block;aspect-ratio:.77;overflow:hidden;background:#291321}.tile.short{margin-top:65px;aspect-ratio:.9}.tile:nth-child(3){margin-top:18px}.tile video{width:100%;height:100%;object-fit:cover;transition:transform .6s}.tile:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#09070ce8)}.tile:hover video{transform:scale(1.035)}.number{position:absolute;top:22px;left:22px;font:38px Georgia}.tile-caption{position:absolute;z-index:1;bottom:25px;left:22px;right:22px}.tile small{font:9px monospace;color:var(--lime);letter-spacing:1px}.tile strong{display:block;font:30px Georgia;margin-top:10px}.tile i{position:absolute;right:0;bottom:4px;color:var(--lime);font-style:normal}.story-list{margin-top:55px}.story-list details{border-top:1px solid var(--border);padding:22px 0;scroll-margin-top:30px}.story-list summary{cursor:pointer;list-style:none;font:15px monospace}.story-list summary span{float:right;color:var(--lime)}.story-list p{max-width:700px;line-height:1.8;color:var(--muted)}.approach{padding-top:30px}.approach ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:65px 0 0;border-top:1px solid var(--border);gap:45px}.approach li{padding-top:25px}.approach li>span{font:12px monospace;color:var(--lime)}h3{font-size:30px;margin:22px 0 15px}.approach li p{font-size:15px;line-height:1.8;color:var(--muted);max-width:270px}.preview-note{background:var(--surface);max-width:none}.preview-note>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8;max-width:650px;margin:35px 0}.preview-note h2{max-width:1000px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:50px 5%;font:10px monospace;color:var(--muted)}#motion{border:1px solid #716571;color:var(--paper);background:transparent;padding:12px 18px;border-radius:30px;font:12px monospace;cursor:pointer}@media(max-width:800px){.preview{font-size:9px}.preview a{display:none}header{padding:28px 5%}.brand{font-size:15px;letter-spacing:3px}nav{gap:20px}nav .outline{display:none}.hero{min-height:750px;max-height:950px}.hero-film{width:100%;object-position:58% 40%}.shade{background:linear-gradient(90deg,#110812b0,#11081240),linear-gradient(0deg,#110812d0,transparent 75%)}.hero-copy{padding-top:100px}h1{font-size:clamp(87px,17vw,135px)}.intro{font-size:16px}.section-head{display:block}.section-head>p{margin-top:30px}.collection,.approach,.preview-note{padding:70px 6%}.gallery{gap:14px}.tile{aspect-ratio:.6}.tile.short{margin-top:35px;aspect-ratio:.65}.tile-caption{left:13px;right:13px;bottom:20px}.tile strong{font-size:20px}.tile small{font-size:8px}.number{font-size:28px;left:13px}.approach ol{gap:20px}h3{font-size:25px}footer{flex-wrap:wrap}}@media(max-width:520px){nav{font-size:10px;gap:16px}.hero{min-height:730px}.hero-copy{padding-top:100px}.hero-copy .eyebrow{font-size:9px;max-width:250px}.hero-bottom>a{font-size:8px}.hero-bottom b{font-size:26px}.gallery{grid-template-columns:1fr;gap:28px}.tile,.tile.short{margin-top:0;aspect-ratio:.9}.tile:nth-child(3){margin-top:0}.tile strong{font-size:33px}.tile small{font-size:11px}.tile-caption{left:24px;bottom:30px}.tile:nth-child(2){width:85%;justify-self:end}.tile:nth-child(3){width:92%}.number{left:24px}.approach ol{grid-template-columns:1fr;margin-top:40px}.approach li{border-bottom:1px solid var(--border);padding-bottom:25px}h3{font-size:34px}.approach li p{max-width:none}.hero-bottom>span{font-size:8px}.collection{padding-top:75px}footer .brand{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.tile:hover video,.cta:hover{transform:none}}

/* Final Brandlane pages */
.hero{height:100svh}.contact header{border-bottom:1px solid var(--border)}.contact-hero{padding:90px 5% 80px;max-width:1540px;margin:auto}.contact h1{font-size:clamp(76px,10vw,150px);line-height:1}.contact h1 em{color:var(--lime)}.contact-info{padding:70px 5%;background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-info p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted)}.contact-info .cta{margin-top:20px}.contact .approach{padding-top:80px}.contact .approach ol{margin-top:35px}.tile:target{outline:2px solid var(--lime)}@media(max-width:800px){.contact-info{grid-template-columns:1fr;gap:30px}.contact-hero{padding:70px 6%}.contact h1{font-size:clamp(63px,12vw,95px)}}
@media(max-width:520px){h1{font-size:clamp(72px,18vw,93px)}.contact h1{font-size:clamp(60px,12vw,80px)}}

/* Larger process step numbers, scoped to the homepage. */
#approach li>span{display:inline-block;font-size:36px;line-height:1}
@media(max-width:520px){#approach li>span{font-size:32px}}

/* One gentle shooting star on each homepage entry, behind all content. */
.shooting-star{position:absolute;z-index:-1;pointer-events:none;top:50%;left:0;width:180px;height:2px;border-radius:100%;background:linear-gradient(90deg,transparent,rgba(217,252,101,.35) 40%,#fffaf4);opacity:0;transform:translate3d(-210px,40px,0) rotate(-8deg);filter:drop-shadow(0 0 7px rgba(217,252,101,.8));animation:cinematic-star 3.8s .45s ease-out 1 both}
.shooting-star:after{content:'';position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:50%;background:#fffaf4;box-shadow:0 0 12px 3px rgba(217,252,101,.5)}
@keyframes cinematic-star{0%{opacity:0;transform:translate3d(-210px,40px,0) rotate(-8deg)}12%{opacity:.9}78%{opacity:.9}100%{opacity:0;transform:translate3d(calc(100vw + 210px),-70px,0) rotate(-8deg)}}
@media(prefers-reduced-motion:reduce){.shooting-star{display:none;animation:none}}

/* Shared cinematic palette and navigation across every route. */
nav a[aria-current="page"]{color:var(--lime);text-decoration:underline;text-underline-offset:6px}footer a:hover{color:var(--lime)}
.about header{border-bottom:1px solid var(--border)}.about-hero{max-width:1540px;margin:auto;padding:90px 5%}.about h1{font-size:clamp(64px,8.5vw,130px);line-height:1}.about h1 em{color:var(--lime)}.about-lead{max-width:850px;font-size:clamp(22px,2.5vw,32px);line-height:1.5;margin:45px 0 24px}.about-copy{max-width:750px;color:var(--muted);font-size:18px;line-height:1.8}.about-method{padding:85px 5%;background:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:65px}.about-method h2{font-size:clamp(46px,4.7vw,72px)}.method-list{list-style:none;margin:0;padding:0}.method-list li{display:flex;gap:24px;border-top:1px solid var(--border);padding:30px 0}.method-list li>span{color:var(--lime);font:32px/1 monospace;padding-top:5px}.method-list h3{margin:0 0 15px;font-size:30px}.method-list p{color:var(--muted);font-size:16px;line-height:1.8;margin:0}footer nav{flex-wrap:wrap;gap:24px}
@media(max-width:800px){header{flex-wrap:wrap}header nav{flex-wrap:wrap;gap:18px}header nav .outline{display:inline-block;padding:0;border:0;border-radius:0}.about-hero{padding:65px 6%}.about-method{grid-template-columns:1fr;padding:65px 6%;gap:40px}.about h1{font-size:clamp(55px,10vw,90px)}}
@media(max-width:520px){header{gap:22px}header nav{width:100%;justify-content:space-between;gap:12px;font-size:10px}.about h1{font-size:clamp(48px,11vw,64px)}.method-list li{gap:18px}.method-list h3{font-size:28px}.about-copy{font-size:16px}footer nav{font-size:12px}.hero-copy{padding-top:65px}}

/* Natural-color Alpine footage, full frame on every screen. */
.about-film{max-width:1540px;margin:0 auto;padding:0 5% 90px;background:var(--ink)}.about-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--ink);border:1px solid var(--border)}
@media(max-width:800px){.about-film{padding:0 6% 65px}}

/* Mobile inline autoplay with a real-image fallback, never a native play overlay. */
.motion-frame{position:relative;display:block;overflow:hidden;background:var(--ink)}
.motion-frame>.motion-poster{display:block;width:100%;height:100%;object-fit:cover}
.motion-frame>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1;pointer-events:none}
.motion-frame.is-blocked>video,.motion-frame.is-paused>video{opacity:0}
.motion-frame.hero-film{position:absolute}
.hero-film>.motion-poster,.hero-film>video{object-position:50% 35%}
.tile>.motion-frame{width:100%;height:100%}
.about-film>.motion-frame{width:100%;aspect-ratio:16/9;border:1px solid var(--border)}
.about-film .motion-poster,.about-film video{object-fit:contain;border:0;aspect-ratio:auto}
.motion-frame video::-webkit-media-controls,.motion-frame video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
@media(max-width:800px){.hero-film>.motion-poster,.hero-film>video{object-position:58% 40%}}

/* Never hide an autoplay candidate before WebKit has had a chance to start it. */
@media(prefers-reduced-motion:reduce){.motion-frame:not(.motion-opt-in)>video{opacity:0}}


/* Original Brandlane palette retained; larger logo and requested FAQs. */
header .brand{font-size:21px;letter-spacing:5px}
header .brand span{font-size:16px}
.faq{padding:90px 5%;background:var(--surface);scroll-margin-top:20px}
.faq-inner{max-width:1386px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:80px;align-items:start}
.faq h2{font-size:clamp(46px,4.7vw,72px)}
.faq-intro>p:not(.eyebrow){max-width:350px;margin:30px 0 0;font-size:16px;line-height:1.8;color:var(--muted)}
.faq-list{min-width:0;border-bottom:1px solid var(--border)}
.faq-list details{border-top:1px solid var(--border)}
.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0;cursor:pointer;font-size:18px;font-weight:600;line-height:1.45;color:var(--paper)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #716571;border-radius:50%;font:23px/1 Arial,sans-serif;color:var(--lime);transition:transform .2s,background .2s}
.faq-list details[open] summary::after{transform:rotate(45deg);background:var(--border)}
.faq-list summary:hover{color:var(--lime)}
.faq-list details[open] summary{padding-bottom:12px}
.faq-list .faq-answer{margin:0 50px 26px 0;max-width:610px;font-size:16px;line-height:1.8;color:var(--muted)}
.faq-answer a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}
.faq-list summary:focus-visible{outline-offset:4px;border-radius:3px}
@media(max-width:1000px){.faq-inner{gap:45px}}
@media(max-width:800px){header .brand{font-size:18px;letter-spacing:3px}header .brand span{font-size:16px}.faq{padding:65px 6%}.faq-inner{grid-template-columns:1fr;gap:42px}.faq-intro>p:not(.eyebrow){max-width:520px;margin-top:24px}}
@media(max-width:520px){header .brand{font-size:18px}.faq-list summary{font-size:17px;gap:18px;padding:22px 0}.faq-list .faq-answer{font-size:15px;margin-right:0}.faq h2{font-size:48px}.faq-list summary::after{width:28px;height:28px}.faq-inner{gap:32px}}

/* A real creative-work photograph in the FAQ introduction. */
.faq-visual{max-width:520px;margin:38px 0 0}
.faq-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border)}
@media(max-width:800px){.faq-visual{margin-top:30px}}

/* A second, scroll-triggered star in the final homepage invitation only. */
#connect{position:relative;isolation:isolate;overflow:hidden}
#connect .connect-star{animation:none}
#connect .connect-star.is-shooting{animation:cinematic-star 3.8s .2s ease-out 1 both}
@media(prefers-reduced-motion:reduce){#connect .connect-star,#connect .connect-star.is-shooting{display:none;animation:none}}