:root{--home-night:#071d16;--home-forest:#123728;--home-gold:#f3c18b;--home-cream:#f6efe1}
html{scroll-padding-top:88px}
body{overflow-x:clip}
.intro,.possibilities,.work,.craft,.process,.service-faq,.contact{scroll-margin-top:0}
.intro h2,.possibilities h2,.work h2,.craft h2,.process h2,.service-faq h2,.contact h2{letter-spacing:-.055em;text-wrap:balance}
.intro h2 em,.possibilities h2 em,.work h2 em,.craft h2 em,.process h2 em,.service-faq h2 em,.contact h2 em{font-weight:400;letter-spacing:-.07em}

/* The film keeps its transparent header; the solid header begins at the first content section. */
.site-header.home-polish-active,.site-header.home-polish-active:not(.bar-visible),.site-header.home-polish-active:not(.bar-visible):focus-within,.site-header.home-polish-active.scrolled:not(.header-away){min-height:82px;padding:7px var(--gutter);background:rgba(7,29,22,.97)!important;color:#fff6e8;border:0;border-bottom:1px solid #f5d6ab38!important;box-shadow:0 12px 30px #03150f38!important;backdrop-filter:blur(18px)!important}
.site-header.home-polish-active .brand .brand-lockup{width:215px;height:56px;object-fit:contain!important;filter:drop-shadow(0 2px 5px #000b)!important}
.site-header.home-polish-active .brand::after{color:var(--home-gold);text-shadow:none;right:5px;top:17px}
.site-header.home-polish-active .desktop-nav,.site-header.home-polish-active .menu-toggle,.site-header.home-polish-active.header-away:not(:focus-within) .desktop-nav,.site-header.home-polish-active.header-away:not(:focus-within) .menu-toggle{opacity:1;transform:none;pointer-events:auto}
.site-header.home-polish-active .desktop-nav{font:700 12px/1.3 Outfit,Arial,sans-serif;letter-spacing:.105em;text-transform:uppercase}
.site-header.home-polish-active .desktop-nav .button{border:1px solid #ffd1a280;border-radius:100px;background:linear-gradient(135deg,#ee7130,#d84a11);box-shadow:0 5px 16px #0005;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:11px 17px;min-height:44px}
.site-header.home-polish-active .menu-toggle span{background:#f6efe1}
.site-header.home-polish-active .mobile-nav{color:#f6efe1;background:#123728;border:1px solid #d9b78870;box-shadow:0 20px 45px #04150fa8}
.site-header.home-polish-active .mobile-nav .button{border-radius:100px;background:#e76928;color:#fff}

/* First view after the film */
.intro.section-pad{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(45px,5vw,90px);min-height:760px;padding-top:110px;padding-bottom:115px;background:radial-gradient(circle at 80% 5%,#375a4b70,transparent 32%),radial-gradient(circle at 0% 90%,#31564b55,transparent 42%),var(--home-night);color:#f7f0e4}
.intro:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.45;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:55px 55px}
.intro>.home-intro-copy{max-width:790px}
.intro .eyebrow{display:flex;align-items:center;gap:16px;color:#efb477;font:700 11px/1.3 Outfit,Arial,sans-serif;letter-spacing:.19em;margin-bottom:30px}
.intro .eyebrow:before{content:"";width:44px;height:1px;background:#f6b477}
.intro h2{font-size:clamp(55px,5vw,78px);line-height:1;max-width:790px}
.intro h2 em{color:#f9c78f}
.intro .intro-bottom{display:block;max-width:700px;margin:35px 0 0;padding:0}
.intro .intro-bottom p{font-size:clamp(18px,1.48vw,22px);line-height:1.52;color:#f2efe5;max-width:650px}
.intro .intro-bottom p+p{margin-top:17px;color:#c6d1c6;font-size:clamp(15px,1.13vw,17px);line-height:1.68}
.home-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:31px}
.home-intro-actions .button,.home-work-close .button{border-radius:100px;border:1px solid #f8b98480;background:linear-gradient(135deg,#ef7a32,#dc4b0d);box-shadow:0 9px 24px #0005;color:#fff;font:700 12px/1.2 Outfit,Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;padding:14px 20px;min-height:50px}
.home-intro-actions .button:hover,.home-work-close .button:hover{background:linear-gradient(135deg,#fa8644,#df5a20)}
.home-intro-actions .text-link{font:700 12px/1.4 Outfit,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#edd3b4;white-space:nowrap}
.home-intro-actions .back-to-movie{flex-basis:100%;width:max-content;text-align:left;margin-top:2px;font:700 11px/1.4 Outfit,Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#c5d0c5;border-bottom:1px solid #bdc9b788;padding:10px 0}
.home-story-index{display:flex;align-items:center;gap:16px;margin-top:66px;color:#b4bfb2;font:700 10px/1.3 Outfit,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.home-story-index>span:first-child{color:#f9bd83}.home-index-line{width:85px;height:1px;background:#bdcdb77a}
.home-intro-visual{position:relative;min-width:0;max-width:650px;justify-self:center;width:100%}
.home-visual-halo{position:absolute;inset:6% 7%;background:#e6a96440;filter:blur(70px);border-radius:50%;pointer-events:none}
.home-world-frame{position:relative;margin:0;padding:9px;border:1px solid #f5d2a1a6;border-radius:22px;background:linear-gradient(135deg,#e8c995,#806a42 22%,#1a382b 48%,#c2aa7f 100%);box-shadow:0 5px 0 #775d40,0 24px 55px #0008,0 55px 95px #0007;transform:rotate(1deg)}
.home-world-frame:after{content:"";position:absolute;inset:10px;border:1px solid #ffe5b47a;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 35px #0004}
.home-world-frame img{display:block;width:100%;height:auto;aspect-ratio:1122/1402;object-fit:cover;border-radius:14px}
.home-frame-caption{display:flex;justify-content:space-between;color:#efbd85;font:700 10px/1.4 Outfit,Arial,sans-serif;letter-spacing:.16em;margin-top:21px}
.home-frame-caption span:last-child{font-family:Georgia,serif;font-size:24px;line-height:.7}

/* Three linked possibilities */
.possibilities.section-pad{background:radial-gradient(circle at 0 0,#d2b89438,transparent 35%),var(--home-cream);color:#173d2d;padding-top:112px;padding-bottom:125px}
.home-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:1420px;margin:0 auto 45px}
.home-section-heading .eyebrow{color:#a75b31;font:700 11px/1.3 Outfit,Arial,sans-serif;letter-spacing:.18em}
.home-section-heading h2{font-size:clamp(45px,5.25vw,78px);line-height:.99;max-width:930px}
.home-section-heading h2 em{color:#b56c42}
.home-section-heading>p{max-width:300px;margin:0 0 7px;font-size:17px;line-height:1.5}
.possibility-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;max-width:1420px;margin:auto}
.possibility-list .possibility-card{display:block;min-width:0;overflow:hidden;border:1px solid #c6a77f;border-radius:16px;background:#183d2c;color:#fff;box-shadow:0 3px 0 #d5bc95,0 16px 27px #24352124,0 34px 60px #24352122;transition:transform .25s,box-shadow .25s}
.possibility-list .possibility-card:hover{transform:translateY(-5px);box-shadow:0 3px 0 #d5bc95,0 23px 34px #24352130,0 40px 65px #24352128}
.possibility-art{height:310px;overflow:hidden;background:#10291e}
.possibility-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.possibility-card:nth-child(1) img{object-position:center 43%}.possibility-card:nth-child(2) img{object-position:center 49%}.possibility-card:nth-child(3) img{object-position:center 48%}
.possibility-card:hover img{transform:scale(1.045)}
.possibility-body{position:relative;min-height:252px;padding:31px 31px 55px;background:linear-gradient(145deg,#23513b,#133728);border-top:1px solid #ffe8c14f}
.possibility-list .index{font:700 10px/1.3 Outfit,Arial,sans-serif;letter-spacing:.17em;color:#e9bd85}
.possibility-list h3{font-size:clamp(25px,2.5vw,35px);line-height:1.12;letter-spacing:-.045em;margin:18px 0 11px}
.possibility-list p{max-width:350px;font-size:16px;line-height:1.55;color:#dfebdc;padding-right:16px}
.possibility-arrow{position:absolute;right:28px;bottom:27px;font-size:26px;color:#f1c38c}

/* Actual portfolio work */
.work.section-pad{background:#0d3024;color:#f7f0e4;padding-top:116px;padding-bottom:115px}
.work .home-section-heading .eyebrow{color:#e9b57f}.work .home-section-heading h2 em{color:#ffcb92}.work .home-section-heading>p{color:#c8d7c9}
.work .portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:31px;max-width:1420px;margin:0 auto}
.work .project{display:block;min-height:0;padding:8px;overflow:hidden;border:1px solid #f0c58e8c;border-radius:18px;background:linear-gradient(135deg,#e4c28c,#765e40 23%,#294837 60%,#ad8258);box-shadow:0 4px 0 #091b16,0 25px 48px #0006,0 50px 82px #0004;color:#fff;transition:transform .25s,box-shadow .25s}
.work .project:hover{transform:translateY(-6px);box-shadow:0 4px 0 #091b16,0 32px 54px #0008,0 56px 90px #0005}
.work .project-art:has(img){display:block;aspect-ratio:1000/625;min-height:0;margin:0;overflow:hidden;border-radius:11px 11px 0 0;background:#14392e}
.work .project-art img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s ease}
.work .project:hover .project-art img{transform:scale(1.025)}
.project-content{padding:31px 30px 29px;min-height:170px;background:linear-gradient(145deg,#25513d,#15382b);border-radius:0 0 10px 10px;border-top:1px solid #f7dfa44a}
.work .project-number{font:700 10px/1.3 Outfit,Arial,sans-serif;letter-spacing:.17em;color:#f0be88}
.work .project-bottom{margin-top:17px}
.work .project-bottom h3{font-size:clamp(30px,2.5vw,39px);letter-spacing:-.05em}
.work .project-bottom p{color:#dce6da;font-size:16px;margin-top:7px}
.work .circle-arrow{border-color:#f0ca9480;color:#f4c38a}
.home-work-close{display:flex;align-items:center;justify-content:space-between;gap:25px;max-width:1420px;margin:61px auto 0;padding-top:26px;border-top:1px solid #f1d6a449}
.home-work-close p{font:400 clamp(21px,2.15vw,30px)/1.25 Georgia,serif;font-style:italic;color:#f5d2a7}

/* The remaining sections share the same depth and spacing without changing their content. */
.craft.section-pad{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 95% 0,#2c634b 0,transparent 38%),#11392b;color:#fff4e4;padding-top:116px;padding-bottom:121px;gap:55px}
.craft:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#ffd9a20b,transparent 38%);pointer-events:none}
.craft h2 em{color:#f5c894}.craft-heading>p:last-child{color:#d7e1d7}
.craft-details{gap:22px;max-width:1420px}
.craft-details article{position:relative;border:1px solid #dfc49955;border-radius:15px;padding:30px 32px 35px;background:linear-gradient(145deg,#ffffff10,#ffffff04);box-shadow:inset 0 1px #ffffff17,0 16px 38px #041c1740}
.craft-details article:before{content:"";position:absolute;top:0;left:31px;width:82px;height:2px;background:#eebf87}
.craft-details h3{letter-spacing:-.035em}.craft-details p{color:#dce9dd}
.process.section-pad{padding-top:116px;padding-bottom:115px;background:radial-gradient(circle at 100% 5%,#e2c3944a,transparent 38%),#f8f0e2;color:#173d2d}
.process>.eyebrow{color:#a75b31}.process h2 em{color:#b56c42}.process h2{max-width:1000px}
.process-steps{gap:24px;max-width:1420px}
.process-steps article{border:1px solid #ccb38e;border-radius:15px;background:linear-gradient(145deg,#fffaf0,#f1e2ca);padding:29px 30px 34px;box-shadow:0 4px 0 #d5bd99,0 17px 32px #3d432422}
.process-steps article>span{font:700 12px/1.3 Outfit,Arial,sans-serif;letter-spacing:.15em;color:#a85b30}
.process-steps h3{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.045em;margin:28px 0 12px}
.process-steps p{color:#4a6454;font-size:16px}
.platform-note{max-width:1420px;border-top:1px solid #c2ac89;margin-top:58px}
.service-faq.section-pad{padding-top:116px;padding-bottom:125px;background:#e9ddc9;color:#173d2d}
.service-faq>.eyebrow{color:#a65a30}.service-faq h2 em{color:#a7603a}
.service-definition{max-width:760px;color:#355847;line-height:1.6}
.faq-list{max-width:1060px;margin-top:48px;border:1px solid #c5ad87;border-radius:16px;background:#fff9ed;box-shadow:0 5px 0 #d1b991,0 25px 48px #24352126;overflow:hidden}
.faq-list details{border:0;border-bottom:1px solid #d7c4a5;padding:0 26px}.faq-list details:last-child{border:0}
.faq-list summary{position:relative;padding:24px 48px 24px 0;font-family:Outfit,Arial,sans-serif;letter-spacing:-.02em;list-style:none}.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:18px;color:#ae663a;font-size:31px;font-weight:400}.faq-list details[open] summary:after{content:"−"}
.faq-list details[open]{background:#fffdf5}.faq-list p{margin:0;padding:0 25px 25px 0;color:#385d4b}
.faq-list a{text-decoration:underline;text-underline-offset:4px;color:#a34e2b}
.contact.section-pad{padding-top:125px;padding-bottom:142px;background:radial-gradient(circle at 50% -30%,#ffb96d80,transparent 48%),linear-gradient(135deg,#b33d1e,#db5f2b 54%,#aa3418);color:#fff7e8}
.contact:before{content:"";position:absolute;inset:16px;border:1px solid #ffe6ba60;border-radius:18px;pointer-events:none}.contact .eyebrow{color:#ffe0b1}.contact h2 em{color:#ffdfaf}
.contact .button-light{background:#fff2da;border:1px solid #fff7e7;border-radius:100px;padding:17px 26px;box-shadow:0 12px 28px #69230866;font:700 13px/1.2 Outfit,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.site-footer{display:grid;grid-template-columns:240px 1fr minmax(265px,auto);gap:28px;align-items:center;padding:45px var(--gutter) 52px;background:#071d16;color:#f4eddf;border-top:1px solid #f1cf9d5c}
.site-footer .brand .brand-lockup{width:225px;height:58px;object-fit:contain!important;filter:drop-shadow(0 2px 5px #0009)}
.site-footer .brand::after{color:#f2c18b;text-shadow:none;top:17px}
.site-footer .footer-promise{font:italic 24px/1.2 Georgia,serif;color:#f0c390}
.site-footer .copyright{max-width:360px;white-space:normal;color:#c7d3c7;line-height:1.7;font-size:13px}
.site-footer .copyright a{color:#f0c390}

@media(max-width:1100px){.intro.section-pad{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:35px}.intro h2{font-size:clamp(49px,5.4vw,69px)}.possibility-art{height:250px}.possibility-body{min-height:275px;padding:27px 25px 52px}.home-section-heading h2{font-size:clamp(45px,5vw,70px)}.site-footer{grid-template-columns:220px 1fr}.site-footer .copyright{grid-column:1/-1;max-width:100%}}
@media(max-width:700px){html{scroll-padding-top:70px}.intro,.possibilities,.work,.craft,.process,.service-faq,.contact{scroll-margin-top:0}.site-header.home-polish-active,.site-header.home-polish-active:not(.bar-visible),.site-header.home-polish-active:not(.bar-visible):focus-within{min-height:67px;padding:6px 20px}.site-header.home-polish-active .brand .brand-lockup{width:145px;height:45px}.site-header.home-polish-active .brand::after{top:14px;right:4px;font-size:7px}.site-header.home-polish-active .mobile-nav{top:67px}.intro.section-pad{display:block;min-height:0;padding:83px 22px 89px}.intro h2{font-size:clamp(43px,10.8vw,62px)}.intro .eyebrow{font-size:10px;margin-bottom:23px}.intro .intro-bottom{margin-top:25px}.intro .intro-bottom p{font-size:18px}.intro .intro-bottom p+p{font-size:15px}.home-intro-actions{margin-top:27px;gap:16px}.home-intro-actions .button{font-size:11px;padding:13px 16px}.home-intro-actions .text-link{font-size:11px}.home-intro-actions .back-to-movie{width:100%;text-align:left}.home-story-index{margin:33px 0}.home-intro-visual{max-width:440px}.home-world-frame{transform:none;padding:7px;border-radius:18px}.home-world-frame img,.home-world-frame:after{border-radius:11px}.home-world-frame:after{inset:8px}.possibilities.section-pad,.work.section-pad,.craft.section-pad,.process.section-pad,.service-faq.section-pad{padding:79px 22px 89px}.home-section-heading{display:block;margin-bottom:35px}.home-section-heading h2{font-size:clamp(43px,10.5vw,64px)}.home-section-heading>p{margin-top:23px;max-width:450px}.possibility-list,.work .portfolio{display:block}.possibility-list .possibility-card,.work .project{margin-bottom:23px}.possibility-art{height:250px}.possibility-body{min-height:0;padding:25px 25px 57px}.possibility-list h3{font-size:30px}.work .project-art:has(img){min-height:0}.project-content{padding:25px;min-height:150px}.work .project-bottom h3{font-size:29px}.home-work-close{display:block;margin-top:39px}.home-work-close .button{margin-top:19px}.craft.section-pad{display:block}.craft-heading{display:block}.craft-heading>p:last-child{margin:22px 0 30px;font-size:17px}.craft-details{display:block}.craft-details article{padding:28px 26px 30px;margin-bottom:17px}.craft-details article:last-child{margin-bottom:0}.process-steps{display:block}.process-steps article{display:block;margin-bottom:20px;padding:25px 27px}.process-steps h3{margin:17px 0 10px}.process-steps p{font-size:16px}.faq-list{margin-top:36px}.faq-list details{padding:0 18px}.faq-list summary{font-size:18px;padding:21px 37px 21px 0}.faq-list summary:after{top:16px}.faq-list p{font-size:15px;padding-bottom:23px}.contact.section-pad{padding:100px 26px 122px}.contact:before{inset:10px}.contact h2{font-size:clamp(42px,11vw,64px)}.site-footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:39px 22px 44px}.site-footer .brand .brand-lockup{width:200px;height:52px}.site-footer .footer-promise{font-size:21px}.site-footer .copyright{font-size:13px;line-height:1.8;max-width:330px}}
@media(max-width:390px){.home-intro-actions .text-link{width:100%}.intro h2{font-size:clamp(40px,10.5vw,49px)}.possibility-art{height:220px}.work .project-bottom h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){.possibility-card,.possibility-art img,.work .project,.work .project-art img{transition:none!important}}
