@font-face{font-family:Manrope;src:url('assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--paper:#f6f2e9;--ink:#243a32;--muted:#657067;--copper:#995437;--line:#d9d9cd;--serif:Georgia,'Times New Roman',serif;--sans:Manrope,Arial,sans-serif;scroll-behavior:smooth;scroll-padding-top:32px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,summary,textarea{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:1.04;letter-spacing:-.05em}h2{font-size:clamp(40px,4.3vw,62px)}h1 em,h2 em{font-weight:400;color:var(--copper)}.section{padding-block:108px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;display:flex;gap:10px;align-items:center}.button{padding:17px 24px;min-height:56px;display:inline-flex;gap:35px;justify-content:space-between;align-items:center;border:1px solid transparent;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button span{font-size:21px;font-weight:400;line-height:1}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#365447}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#e5ddce}.skip-link{position:fixed;top:-80px;left:20px;background:var(--ink);color:white;padding:12px;z-index:30}.skip-link:focus{top:12px}
.site-header{height:111px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:23px;line-height:1.02;letter-spacing:-1px}.brand-mark{width:45px;height:45px}.brand-bottom{display:block}.brand-dot{color:var(--copper)}nav{display:flex;gap:36px;align-items:center;font-size:11px;font-weight:600}nav a{padding-block:12px}nav a:hover{color:var(--copper)}.nav-project{border-bottom:1px solid var(--ink);margin-left:16px;display:flex;gap:35px}.nav-project span{font-size:19px}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.05fr 1fr;column-gap:8%;padding-top:52px;position:relative}.hero-copy{padding:32px 0 0}.tiny-star{font-size:21px;color:var(--copper);line-height:1}.hero h1{font-size:clamp(60px,6.6vw,96px);margin-top:28px;margin-bottom:24px;line-height:.99}.hero h1 em{white-space:nowrap}.hero-description{color:#5c655d;line-height:1.85;font-size:14px;letter-spacing:.005em}.hero .button{margin-top:30px}.hero-bottom{font-size:10px;letter-spacing:.04em;color:var(--muted);margin-top:17px}.hero-visual{position:relative;height:600px;margin-bottom:32px}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 53%;border-radius:2px 2px 0 0;display:block}.photo-label{position:absolute;bottom:22px;left:22px;right:22px;border-top:1px solid #ffffff60;padding-top:15px;color:white;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.025em;text-shadow:0 1px 6px #000}.photo-label span:first-child{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1}.hero-visual figcaption{font-size:8px;color:var(--muted);text-align:right;padding-top:5px;letter-spacing:.05em}.hero-scroll{font-size:10px;letter-spacing:.04em;grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 0 30px}.hero-scroll span{font-size:24px}.values-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:4px}.values-band .wrap{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.values-band span{font-family:var(--serif);font-size:24px;letter-spacing:-.03em}.values-band i{font-style:normal;color:var(--copper);font-size:19px}
.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:36px;margin-bottom:50px}.section-heading .eyebrow{align-self:start;padding-top:10px}.section-heading h2{font-size:clamp(38px,4vw,59px)}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:24px;font-size:13px}.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.offer{padding:29px 28px 32px 0;display:flex;flex-direction:column}.offer+.offer{border-left:1px solid var(--line);padding-left:28px}.offer:last-child{padding-right:22px;background:#e9e9df}.offer-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:28px}.offer-number{font-family:var(--serif);font-size:19px;color:var(--copper)}.small-caps{font-size:8px;letter-spacing:.09em;text-transform:uppercase}.offer h3{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.04;letter-spacing:-.035em;min-height:77px;position:relative;padding-right:26px}.offer-symbol{position:absolute;right:0;top:2px;font-family:var(--sans);font-size:27px;font-weight:200}.offer-lead{font-size:15px;font-weight:600;line-height:1.65;margin-top:14px;margin-bottom:17px}.offer p:not(.offer-lead){color:#626b62;font-size:12px;line-height:1.85}.offer ul{list-style:none;padding:0;margin:23px 0 32px;font-size:10px;line-height:1.7}.offer li{padding-block:6px;position:relative;padding-left:14px}.offer li:before{content:'+';position:absolute;left:0;color:var(--copper)}.text-link{border-bottom:1px solid var(--ink);font-size:11px;padding-block:12px;display:flex;justify-content:space-between;gap:10px;margin-top:auto;font-weight:600}.text-link:hover{color:var(--copper);border-color:var(--copper)}.text-link span{font-size:20px;line-height:1}.offers-note{font-size:10px;color:var(--muted);margin-top:19px}
.experience{background:#eae5d9;padding-bottom:36px}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.experience h2{margin-top:28px;font-size:clamp(42px,4.3vw,63px)}.experience-intro{max-width:380px;font-size:13px;color:#58675c;line-height:1.95;margin-top:28px}.handwritten{display:block;font-family:var(--serif);font-style:italic;color:var(--copper);font-size:22px;transform:rotate(-4deg);margin-top:24px;margin-left:80px}.experience-steps{list-style:none;margin:0;padding:0}.experience-steps li{display:grid;grid-template-columns:30px 1fr 25px;gap:20px;border-bottom:1px solid #c9cfc0;padding:30px 0 34px}.experience-steps li:first-child{padding-top:3px}.step-number{font-size:10px;color:var(--copper);padding-top:8px}.experience-steps h3{font-family:var(--serif);font-size:31px;font-weight:400;letter-spacing:-.035em}.experience-steps p{font-size:12px;margin-top:13px;color:#58675c;line-height:1.9}.step-icon{font-size:25px;color:var(--copper)}.bar-explainer{border-top:1px solid #c9cfc0;margin-top:65px;padding-top:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:35px;font-size:11px}.bar-tag{text-transform:uppercase;letter-spacing:.08em;font-size:9px;border:1px solid #b3bdab;padding:8px 12px;white-space:nowrap}.bar-explainer p{max-width:640px;line-height:1.9}.bar-explainer strong{font-weight:600}.bar-explainer a{border-bottom:1px solid var(--ink);padding-bottom:5px;white-space:nowrap}.bar-explainer a span{margin-left:12px}
.manifesto-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:33px;margin-bottom:51px}.manifesto-heading h2{font-size:clamp(40px,4.1vw,59px)}.manifesto-star{font-size:95px;color:var(--copper);font-weight:200;line-height:1}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.manifesto-intro{font-size:16px;line-height:1.95;max-width:415px;padding-top:15px}.principles details{border-top:1px solid var(--line)}.principles details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.principles summary{display:flex;align-items:center;gap:25px;font-family:var(--serif);font-size:24px;padding:17px 0;letter-spacing:-.02em}.principles summary span{font-family:var(--sans);font-size:9px;color:var(--copper)}summary i{font-family:var(--sans);font-size:18px;font-style:normal;margin-left:auto;font-weight:300;transition:transform .2s}details[open] summary i,details[open] summary>span:last-child:not(:first-child){transform:rotate(45deg)}.principles p{padding:0 20px 24px 38px;font-size:12px;color:var(--muted);line-height:1.9}
.project{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:11%}.project .eyebrow{color:#d1d6c9}.project h2{margin-top:30px;font-size:clamp(40px,4.3vw,61px)}.project h2 em{color:#dda681}.project-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#c0ccbc;margin-top:27px}.project-signature{font-family:var(--serif);font-size:56px;letter-spacing:-5px;margin-top:52px}.project-signature span{font-size:29px;display:inline-block;margin-inline:8px;color:#dda681;vertical-align:middle}.project-form fieldset{padding:0;border:0;margin:0 0 26px;min-width:0}.project-form label,.project-form legend{font-size:10px;display:block;margin-bottom:9px}.project-form label span:not(.offer-choices span){opacity:.7}.offer-choices{display:flex;gap:8px}.offer-choices label{cursor:pointer;margin:0;flex:1;position:relative}.offer-choices input{position:absolute;opacity:0;width:1px;height:1px}.offer-choices span{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid #718276;padding:9px;font-size:10px;line-height:1.5;text-align:center;transition:background .15s}.offer-choices input:checked+span{background:var(--paper);color:var(--ink);border-color:var(--paper)}.offer-choices input:focus-visible+span{outline:2px solid #dda681;outline-offset:3px}.form-row{margin-bottom:20px}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-form input:not([type=radio]),.project-form textarea{border:0;border-bottom:1px solid #718276;border-radius:0;width:100%;color:var(--paper);background:transparent;padding:8px 0;font-size:12px;min-height:44px}.project-form input::placeholder,.project-form textarea::placeholder{color:#a8baac;opacity:1}.project-form input[type=date]{color-scheme:dark}.project-form textarea{resize:vertical;min-height:75px;max-height:250px}.project-form .button{width:100%;margin-top:22px}.form-note{font-size:9px;color:#becebe;line-height:1.8;margin-top:15px;max-width:440px}.form-status{font-size:11px;color:#f0c5a8;margin-top:10px}
.faq{display:grid;grid-template-columns:1fr 1.55fr;gap:11%}.faq h2{font-size:48px;margin-top:24px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0}.faq-list summary span{font-size:20px;font-weight:400;display:block}.faq-list p{font-size:12px;color:var(--muted);line-height:1.95;padding-bottom:22px;padding-right:35px}.site-footer{border-top:1px solid var(--line);padding-block:35px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-brand{font-family:var(--serif);font-size:23px;letter-spacing:-.03em}.footer-brand span{font-family:var(--sans);font-size:9px;letter-spacing:.015em;display:block;margin-top:4px;color:var(--muted)}.site-footer>div{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:9px;color:var(--muted);margin-left:auto}.site-footer small{font-size:9px}.site-footer>div a{text-decoration:underline;text-underline-offset:3px}.back-top{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;font-size:22px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:30px;width:min(590px,calc(100% - 32px));max-height:85vh}dialog::backdrop{background:#152b24b3}dialog h2{font-size:34px;line-height:1.15;clear:both;padding-top:18px}dialog p{font-size:13px;line-height:1.9;margin-top:20px}.dialog-close{float:right;background:none;border:0;border-bottom:1px solid var(--ink);padding:5px;font-size:12px}
@media(min-width:1500px){.hero{column-gap:110px}.hero-visual{height:650px}.hero-copy{padding-top:45px}.hero h1{font-size:103px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:23px}.hero{column-gap:6%}.hero h1{font-size:7.2vw}.hero-visual{height:560px}.hero-copy{padding-top:25px}.hero-description{font-size:13px}.photo-label{display:block}.photo-label span{display:block}.photo-label span+span{margin-top:8px}.section{padding-block:80px}.offer{padding-right:20px}.offer+.offer{padding-left:20px}.offer h3{font-size:31px}.small-caps{font-size:7px}.offer-top{gap:7px}.experience-grid,.manifesto-grid,.project-grid{gap:7%}.bar-explainer{gap:20px}.bar-explainer a{white-space:normal}.offer-choices{gap:5px}.offer-choices span{font-size:9px}.form-row.two{gap:12px}.principles summary{font-size:21px;gap:18px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{height:90px}.brand{font-size:21px}.brand-mark{width:40px;height:40px}.menu-toggle{display:flex;gap:20px;align-items:center;background:transparent;border:0;font-size:12px;padding:12px 0 12px 12px;min-height:44px}.menu-toggle span{font-size:22px}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}nav{display:none;position:absolute;top:90px;left:0;right:0;background:var(--paper);z-index:10;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 15px 15px #243a320d}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}nav a{font-size:14px;padding:11px}.nav-project{margin-left:0}.hero{padding-top:34px;column-gap:5%;grid-template-columns:1fr 1fr}.hero-copy{padding-top:12px}.eyebrow{font-size:8px;letter-spacing:.13em}.hero h1{font-size:7.5vw;margin-top:24px}.hero-description{font-size:11px}.hero-visual{height:445px}.hero .button{font-size:10px;gap:15px;padding:14px 18px;margin-top:24px}.hero-bottom{font-size:8px}.photo-label{left:14px;right:14px;bottom:15px}.photo-label span:first-child{font-size:18px}.photo-label span+span{font-size:8px}.hero-visual figcaption{font-size:7px}.hero-scroll{padding-bottom:22px}.values-band span{font-size:21px}.values-band i{font-size:14px}.section{padding-block:65px}.section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.section-heading p:not(.eyebrow){font-size:12px}.offer-grid{grid-template-columns:1fr}.offer,.offer+.offer{border-left:0;border-top:1px solid var(--line);padding:24px}.offer:first-child{border-top:0}.offer-top{margin-bottom:18px}.small-caps{font-size:9px}.offer h3{min-height:0;font-size:36px}.offer h3 br{display:none}.offer h3 br:after{content:' '}.offer-lead{font-size:16px}.offer ul{margin-block:16px}.offer li{font-size:12px}.text-link{font-size:12px}.offer p:not(.offer-lead){font-size:13px}.experience-grid{gap:6%}.experience h2{font-size:38px}.experience-intro{font-size:12px}.experience-steps li{grid-template-columns:20px 1fr;gap:12px}.experience-steps h3{font-size:27px}.step-icon{display:none}.bar-explainer{grid-template-columns:auto 1fr;margin-top:40px}.bar-explainer a{grid-column:2;justify-self:start}.handwritten{margin-left:25px;font-size:21px}.manifesto-heading h2{font-size:40px}.manifesto-star{font-size:60px}.manifesto-grid{gap:8%}.manifesto-intro{font-size:14px}.principles summary{font-size:20px;gap:10px}.principles p{padding-left:23px}.project-grid{grid-template-columns:1fr;gap:40px}.project h2{font-size:49px}.project-signature{display:none}.project-form label,.project-form legend{font-size:12px}.offer-choices span{font-size:12px}.project-form input:not([type=radio]),.project-form textarea{font-size:16px}.form-note{font-size:10px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:40px}.faq h2 br{display:none}.faq h2 br:after{content:' '}.site-footer{flex-wrap:wrap;align-items:flex-start}.site-footer>div{margin-left:0;align-items:flex-start}.back-top{margin-left:auto}.footer-brand{flex-basis:100%}}
@media(max-width:540px){.hero{display:flex;flex-direction:column;padding-top:29px}.hero-copy{padding-top:0}.hero h1{font-size:clamp(47px,13.8vw,77px);margin-top:23px;margin-bottom:22px}.hero .eyebrow{font-size:8px}.hero-description{font-size:13px;line-height:1.8}.desktop-break{display:none}.hero .button{font-size:12px;padding:15px 21px;gap:27px;margin-top:25px}.hero-bottom{font-size:9px}.hero-visual{height:420px;margin-top:32px;margin-bottom:24px}.photo-label{display:flex;align-items:baseline;gap:8px;bottom:20px;left:20px;right:20px}.photo-label span:first-child{font-size:20px}.photo-label span+span{font-size:8px}.hero-scroll{font-size:9px;padding-bottom:17px}.values-band .wrap{display:grid;grid-template-columns:1fr 20px 1fr;gap:10px 8px;padding:18px 0;text-align:center}.values-band .wrap i:nth-of-type(2){display:none}.values-band span{font-size:24px}.section{padding-block:54px}h2,.section-heading h2{font-size:39px}.section-heading{gap:21px}.section-heading p:not(.eyebrow) br{display:none}.offer,.offer+.offer{padding:25px 20px}.offer h3{font-size:35px}.offer h3 br{display:initial}.offer-bar h3{max-width:280px}.offer-bar h3 br{display:none}.offer-lead{margin-top:24px}.offers-note{font-size:10px;line-height:1.8}.experience-grid,.manifesto-grid{grid-template-columns:1fr;gap:40px}.experience h2{font-size:43px}.experience-intro{font-size:13px}.handwritten{margin-left:105px}.experience-steps li{grid-template-columns:25px 1fr 25px;padding-block:24px}.experience-steps h3{font-size:29px}.experience-steps p{font-size:13px}.step-icon{display:block}.bar-explainer{grid-template-columns:1fr;gap:17px}.bar-tag{justify-self:start}.bar-explainer p{font-size:12px}.bar-explainer a{grid-column:1}.manifesto-heading{margin-block:28px}.manifesto-heading h2{font-size:40px;line-height:1.12}.manifesto-star{display:none}.manifesto-intro{font-size:15px;padding:0}.principles summary{font-size:25px;padding-block:20px;gap:20px}.principles p{font-size:13px;padding-left:30px}.project h2{font-size:42px}.project-copy>p:not(.eyebrow){font-size:13px}.offer-choices span{font-size:10px;padding-inline:7px}.project-form label,.project-form legend{font-size:11px}.form-row.two{grid-template-columns:1fr;gap:20px}.project-form .button{font-size:12px}.faq h2{font-size:39px}.faq-list summary{font-size:12px}.site-footer{padding-block:27px;gap:22px}.site-footer>div{font-size:9px;max-width:calc(100% - 60px)}.site-footer small{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}
/* Local reception, personalization and supplied brand artwork. */
[hidden]{display:none!important}.brand-logo{display:block;width:108px;height:99px;object-fit:contain}.site-header{height:127px}.custom-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid var(--line);padding-top:30px}.custom-grid h3{font:400 29px/1.15 var(--serif);letter-spacing:-.03em;margin:18px 0}.custom-grid p,.compatibility-note{font-size:12px;color:var(--muted);line-height:1.9}.compatibility-note{margin-top:32px;max-width:850px}.custom-link{max-width:310px;margin-top:22px}.manufacture{border-top:1px solid var(--line)}.founder-note{display:grid;grid-template-columns:1fr 1fr;gap:11%;border-top:1px solid var(--line);padding-top:45px;margin-top:60px}.founder-note h3{font:400 35px/1.2 var(--serif);letter-spacing:-.03em;margin-top:20px}.founder-note h3 em{color:var(--copper);font-weight:400}.founder-note p:not(.eyebrow){font-size:13px;line-height:1.95;margin-bottom:16px}.founder-signature{font:italic 18px var(--serif);color:var(--copper)}.project-form .equipment-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.project-form .equipment-choices label,.project-form .privacy-check{display:flex;gap:10px;align-items:flex-start;line-height:1.8}.project-form input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:1px 0;accent-color:#dda681}.project-form .privacy-check{margin-top:22px}.project-form textarea{margin-bottom:22px}.project-form .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{overflow-wrap:anywhere}.project-form button:disabled{opacity:.55;cursor:wait}.project-form fieldset:disabled{opacity:.7}.project-form #request-fields{margin-bottom:18px}@media(max-width:800px){.custom-grid{grid-template-columns:1fr 1fr}.founder-note{grid-template-columns:1fr;gap:25px}.brand-logo{width:88px;height:81px}.site-header{height:105px}}@media(max-width:500px){.custom-grid{grid-template-columns:1fr}.custom-grid article{border-bottom:1px solid var(--line);padding-bottom:22px}.project-form .equipment-choices{grid-template-columns:1fr}}
/* Cinematic opening: one 2.8 s timeline; the final CSS frame also releases input. */
.cinematic-intro{--intro-gold:#e7ad78;position:fixed;inset:0;z-index:1000;isolation:isolate;color:#f9f3e8;background:#080f10;overflow:hidden;animation:intro-exit 2.8s both;contain:layout paint}
.intro-world{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#183530 0,#0b1717 38%,#070d0f 75%)}
.intro-world:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#00000012 3px 4px);opacity:.4}
.intro-grid{position:absolute;inset:-45%;background-image:linear-gradient(#86b6a010 1px,transparent 1px),linear-gradient(90deg,#86b6a010 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse,#000 0,transparent 67%);transform:perspective(700px) rotateX(35deg) rotateZ(-12deg);animation:intro-grid-flight 2.8s both}
.intro-halo{position:absolute;width:min(65vw,800px);aspect-ratio:1;left:50%;top:50%;border-radius:50%;background:radial-gradient(circle,#b77b351a,transparent 64%);transform:translate(-50%,-50%);animation:intro-halo-breathe 2.8s both}
.intro-coordinate{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;gap:20px;font:500 9px/1.6 var(--sans);letter-spacing:.18em;color:#a8bcb1;animation:intro-coordinates 2.8s both}
.intro-coordinate-top{top:30px}.intro-coordinate-top>span{padding-right:205px}.intro-coordinate-bottom{bottom:28px;color:#6e8980;font-size:8px}
.intro-lens{position:absolute;left:50%;top:47%;width:min(82vh,650px);aspect-ratio:1;transform:translate(-50%,-50%);animation:intro-focus 2.8s both}
.intro-optics{width:100%;height:100%;stroke:var(--intro-gold);stroke-width:.7;overflow:visible}
.intro-orbit{transform-origin:300px 300px;animation:intro-orbit-turn 2.8s both;opacity:.7}
.intro-ring{stroke:#839d8e;opacity:.22}.intro-ticks{stroke:#b5c7b9;stroke-width:3;opacity:.28}.intro-crosshair{opacity:.6}
.intro-reticle{stroke-width:1.4;opacity:0;transform-origin:center;animation:intro-lock 2.8s both}
.intro-scan{position:absolute;left:12%;right:12%;height:1px;top:50%;background:linear-gradient(90deg,transparent,#f4ce9c,transparent);box-shadow:0 0 24px #efc190;animation:intro-scan-pass 2.8s both}
.intro-brand{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:5vh;animation:intro-brand-reveal 2.8s both}
.intro-kicker{font-size:8px;letter-spacing:.27em;color:#b1c7bb;margin-bottom:19px}
.intro-logo{width:clamp(160px,25vh,245px);height:auto;display:block;filter:grayscale(1) invert(1)}
.intro-signature{font:400 clamp(26px,3.1vw,45px)/1.2 var(--serif);letter-spacing:-.035em;margin-top:25px;color:#f0eee1}.intro-signature em{font-weight:400;color:var(--intro-gold)}
.intro-sequence{position:absolute;left:50%;bottom:11%;width:260px;height:24px;transform:translateX(-50%);text-align:center;font:500 9px var(--sans);letter-spacing:.22em;color:#c4d1c6}
.intro-sequence span{position:absolute;inset:0;animation:intro-label-one 2.8s both}.intro-sequence span:nth-child(2){animation-name:intro-label-two}.intro-sequence span:nth-child(3){animation-name:intro-label-three}
.intro-sequence i{position:absolute;top:25px;left:0;height:1px;width:100%;background:linear-gradient(90deg,#46675d,var(--intro-gold));transform-origin:left;animation:intro-line 2.8s both}
.intro-flash{position:absolute;inset:0;background:radial-gradient(ellipse at center,#fff2d3,transparent 74%);opacity:0;pointer-events:none;animation:intro-flash-once 2.8s both}
.intro-skip{position:absolute;top:22px;right:30px;border:1px solid #a8bcb140;background:#10201e80;color:#e9ede2;border-radius:2px;padding:11px 15px;min-height:44px;font:500 10px var(--sans);letter-spacing:.03em;display:flex;gap:25px;align-items:center}.intro-skip:hover{background:#29443b}.intro-skip:focus-visible{outline:2px solid var(--intro-gold);outline-offset:4px}
.cinematic-opening .hero-copy,.cinematic-opening .hero-visual{animation:intro-page-reveal 2.8s both}
@keyframes intro-exit{0%,79%{opacity:1;clip-path:inset(0);visibility:visible;pointer-events:auto}99%{opacity:0;clip-path:inset(0 0 100%);visibility:visible;pointer-events:auto}100%{opacity:0;clip-path:inset(0 0 100%);visibility:hidden;pointer-events:none}}
@keyframes intro-grid-flight{0%{opacity:0;transform:perspective(700px) rotateX(55deg) rotateZ(-12deg) scale(1.8)}25%{opacity:1}80%,100%{opacity:.6;transform:perspective(700px) rotateX(25deg) rotateZ(0) scale(1)}}
@keyframes intro-focus{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2) rotate(-40deg);filter:blur(10px)}26%{opacity:1;filter:blur(0)}58%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}79%{opacity:.7}100%{opacity:0;transform:translate(-50%,-50%) scale(1.45) rotate(15deg)}}
@keyframes intro-orbit-turn{from{transform:rotate(-180deg)}70%,to{transform:rotate(35deg)}}
@keyframes intro-halo-breathe{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}48%,76%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}
@keyframes intro-lock{0%,12%{opacity:0;transform:scale(1.7)}26%,37%{opacity:.8;transform:scale(1)}48%,100%{opacity:0;transform:scale(.95)}}
@keyframes intro-scan-pass{0%,15%{opacity:0;transform:translateY(-170px)}20%{opacity:1}49%{opacity:.8;transform:translateY(160px)}54%,100%{opacity:0;transform:translateY(170px)}}
@keyframes intro-brand-reveal{0%,13%{opacity:0;transform:scale(.92);filter:blur(8px);clip-path:inset(40% 0 60%)}39%{opacity:1;filter:blur(0);clip-path:inset(0)}74%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08);filter:blur(0);clip-path:inset(0)}}
@keyframes intro-coordinates{0%,9%{opacity:0}25%,75%{opacity:1}100%{opacity:0}}
@keyframes intro-label-one{0%,5%{opacity:0;transform:translateY(5px)}12%,28%{opacity:1;transform:translateY(0)}34%,100%{opacity:0}}
@keyframes intro-label-two{0%,33%{opacity:0;transform:translateY(5px)}39%,52%{opacity:1;transform:translateY(0)}58%,100%{opacity:0}}
@keyframes intro-label-three{0%,57%{opacity:0;transform:translateY(5px)}63%,80%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes intro-line{0%{transform:scaleX(0);opacity:0}12%{opacity:1}78%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
@keyframes intro-flash-once{0%,71%{opacity:0}76%{opacity:.2}84%,100%{opacity:0}}
@keyframes intro-page-reveal{0%,73%{opacity:0;transform:translateY(24px) scale(.985)}100%{opacity:1;transform:none}}
@media(max-width:650px){.intro-coordinate{left:22px;right:22px;font-size:7px;letter-spacing:.13em}.intro-coordinate-top{top:30px}.intro-coordinate-top>span{display:none}.intro-coordinate-bottom>span:last-child{display:none}.intro-skip{top:20px;right:18px;font-size:9px;padding:9px 11px;gap:12px}.intro-lens{width:135vw;max-width:570px}.intro-kicker{font-size:7px;letter-spacing:.18em}.intro-logo{width:190px;max-width:48vw}.intro-signature{font-size:31px}.intro-sequence{bottom:14%;width:220px;font-size:8px}}
@media(max-height:500px){.intro-lens{width:82vh}.intro-kicker{margin-bottom:9px;font-size:7px}.intro-logo{width:33vh;max-width:none}.intro-signature{margin-top:10px;font-size:25px}.intro-sequence{bottom:9%;font-size:7px;height:16px}.intro-sequence i{top:18px}.intro-coordinate-bottom{bottom:14px}.intro-brand{padding-bottom:3vh}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{display:none!important}.cinematic-opening .hero-copy,.cinematic-opening .hero-visual{animation:none!important}}
/* Blend the complete logo layer, so its original paper background vanishes optically. */

/* The workshop continues beyond the opening: paper, copper and precise optics. */
body{background-image:radial-gradient(ellipse at 5% 3%,#c7ac8721,transparent 28%)}
::selection{background:#d9b99b;color:#172d25}
.reading-line{position:fixed;inset:0 0 auto;height:3px;z-index:40;pointer-events:none}
.reading-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#995437,#d7ad7e);transform:scaleX(var(--reading-progress,0));transform-origin:left}
.site-header{position:relative;z-index:5}
#navigation>a{position:relative}
#navigation>a:before{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .3s}
#navigation>a:hover:before,#navigation>a:focus-visible:before{transform:scaleX(1)}
.hero:before{content:'';position:absolute;z-index:-1;inset:-60px -30px 60px;background-image:linear-gradient(#99543707 1px,transparent 1px),linear-gradient(90deg,#99543707 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(135deg,#000,transparent 65%);pointer-events:none}
.hero-media{position:relative;height:100%;overflow:hidden;background:#44372a;border-radius:3px}
.hero-media>img{height:110%;position:absolute;top:-5%;transform:translateY(var(--image-drift,0px));object-position:50% 53%}
.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#11251c30,transparent 35%,transparent 65%,#10221a55);pointer-events:none}
.viewfinder{position:absolute;inset:20px;color:#fff7e8;z-index:1;pointer-events:none}
.viewfinder:before,.viewfinder:after{content:'';position:absolute;width:24px;height:24px;border-color:#fff5de9c;border-style:solid}
.viewfinder:before{left:0;top:0;border-width:1px 0 0 1px}.viewfinder:after{right:0;bottom:0;border-width:0 1px 1px 0}
.viewfinder>span{position:absolute;top:12px;left:13px;font-size:7px;letter-spacing:.17em}
.viewfinder>b{position:absolute;right:5px;top:12px;font-size:7px;letter-spacing:.12em;font-weight:500;writing-mode:vertical-rl}
.viewfinder>i{position:absolute;top:45%;left:48%;width:20px;height:20px;border:1px solid #fff7e85c;border-radius:50%}
.viewfinder>i:after{content:'+';position:absolute;inset:-6px;display:grid;place-items:center;font:200 25px var(--sans);color:#fff7e86c}
.hero-media .photo-label{z-index:2;bottom:28px;left:32px;right:32px}
.hero-visual:after{content:'';position:absolute;inset:13px -13px -13px 13px;border:1px solid #99543750;z-index:-1;border-radius:3px}
.hero-scroll span{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;transition:transform .3s}
.hero-scroll:hover span{transform:translateY(4px)}
.values-band{background:#f0eadd}
.values-band i{transform:rotate(var(--craft-turn,0deg))}
.section-heading h2,.manifesto-heading h2{text-wrap:balance}
.offer-grid{border:0;gap:18px}
.offer,.offer+.offer,.offer:last-child{position:relative;isolation:isolate;padding:30px 27px;border:1px solid #d4d4c5;border-radius:4px;background:#fbf8f1;overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}
.offer:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,0%),#d0a97a28,transparent 75%);opacity:0;transition:opacity .4s}
.offer:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#995437,#ceab80);transition:transform .65s}
.offer:last-child{background:#e9ece2}
.offer-number{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #99543740;border-radius:50%;font-size:17px}
.offer-top{min-height:38px;margin-bottom:33px}.small-caps{max-width:150px;text-align:right;font-size:8px;line-height:1.7}
.offer-symbol{transition:transform .35s,color .35s;color:var(--copper)}
.offer .text-link{position:relative;padding-top:18px;min-height:50px}
.offer:focus-within{border-color:#aa7e59;box-shadow:0 12px 35px #243a3209}.offer:focus-within:after{transform:scaleX(1)}
.experience{position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:#122b25;padding-block:110px 42px}
.experience:before,.project:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#b5c7b908 1px,transparent 1px),linear-gradient(90deg,#b5c7b908 1px,transparent 1px),radial-gradient(ellipse at 20% 70%,#65847728,transparent 65%);background-size:58px 58px,58px 58px,100% 100%}
.experience .eyebrow{color:#b9c6b8}.experience h2 em,.experience .handwritten,.experience .step-number,.experience .step-icon{color:#dbad82}
.experience-intro,.experience-steps p{color:#bdc9bc}
.experience-optics{position:absolute;left:-14%;top:5%;width:66%;aspect-ratio:1;z-index:-1;opacity:.6;transform:rotate(var(--optics-turn,0deg))}
.experience-optics i{position:absolute;inset:0;border:1px solid #d9c4a51a;border-radius:50%}.experience-optics i:nth-child(2){inset:8%;border-style:dashed}.experience-optics i:nth-child(3){inset:22%;border-color:#d9c4a512}
.experience-steps li{position:relative;padding:26px 0 32px;border-color:#b5c7b92d}.experience-steps li:first-child{padding-top:3px}
.experience-steps li:after{content:'';position:absolute;bottom:-1px;left:0;width:70px;height:1px;background:#d8a97c;transform-origin:left;transition:transform .8s .15s}
.experience-steps li.reveal-pending:after{transform:scaleX(0)}
.experience-steps .step-number{width:31px;height:31px;display:grid;place-items:center;padding:0;margin-top:6px;border:1px solid #d9c4a54d;border-radius:50%;font-size:9px}
.experience .bar-explainer{border-color:#b5c7b92d;color:#c9d2c4}.experience .bar-tag{border-color:#d9c4a54d;color:#e7bd96}.experience .bar-explainer a{border-color:#b5c7b970;color:#f6f2e9}
.custom-workbench{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;align-items:center}
.connection-map{aspect-ratio:1;position:relative;isolation:isolate;border-radius:5px;overflow:hidden;background:#142e27;color:#efe8d9;box-shadow:0 22px 55px #243a3212}
.connection-map:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 50%,#56746645,transparent 60%),linear-gradient(#b5c7b90a 1px,transparent 1px),linear-gradient(90deg,#b5c7b90a 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px}
.map-caption{position:absolute;inset:22px 24px auto;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#bdc9bc}
.connection-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#d8aa7f;stroke-width:1}
.map-orbit{opacity:.22;stroke-dasharray:710 45 50 45;transform-origin:300px 300px;transform:rotate(var(--map-turn,0deg))}
.map-ticks{opacity:.25;stroke-width:3}.map-paths{stroke-dasharray:310;stroke-dashoffset:0;transition:stroke-dashoffset 1.5s cubic-bezier(.22,1,.36,1) .2s;opacity:.65}
.connection-map.reveal-pending .map-paths{stroke-dashoffset:310}.map-terminals{fill:#d8aa7f;stroke:#142e27;stroke-width:4}
.map-core{position:absolute;inset:35%;border-radius:50%;border:1px solid #c9ac8170;display:grid;place-items:center;background:#142e27;box-shadow:0 0 0 9px #142e27,0 0 0 10px #c9ac811f,0 0 50px #d5b47a12}
.map-core img{width:70%;height:auto;filter:grayscale(1) invert(1);opacity:.95}
.map-node{position:absolute;font-size:9px;line-height:1.4;letter-spacing:.015em;transition:color .3s,transform .3s}
.map-node span{display:block;color:#ccac86;font-size:8px;letter-spacing:.12em;margin-bottom:4px}
.node-brand{top:21%;left:12%}.node-camera{top:20%;right:8%;text-align:right}.node-print{bottom:21%;right:12%;text-align:right}.node-web{bottom:22%;left:8%}
.map-footnote{position:absolute;bottom:20px;left:24px;right:24px;border-top:1px solid #bbd1bb25;padding-top:14px;font:italic 15px var(--serif);color:#d6ddcd;display:flex;gap:10px;align-items:center}
.map-footnote i{width:4px;height:4px;border-radius:50%;background:#d8aa7f;box-shadow:0 0 10px #d8aa7f80}
.custom-grid{grid-template-columns:1fr 1fr;border:0;padding:0;gap:0 26px}
.custom-grid article{position:relative;display:flex;flex-direction:column;border-top:1px solid var(--line);padding:22px 0 24px;min-width:0}
.custom-grid .offer-number{width:auto;height:auto;display:block;border:0;font:500 10px var(--sans);letter-spacing:.1em}
.custom-grid h3{font-size:26px;margin:12px 0}.custom-grid p{font-size:11px}
.custom-select{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;font-weight:600;padding-top:18px;min-height:44px;margin-top:auto;color:var(--copper)}
.custom-select span{font-size:20px;transition:transform .3s}.custom-select:hover span{transform:translate(3px,-3px)}
.compatibility-note{padding-left:18px;border-left:2px solid #99543760;margin-top:36px;max-width:900px}
.connection-map[data-active="0"] .node-brand,.connection-map[data-active="1"] .node-camera,.connection-map[data-active="2"] .node-print,.connection-map[data-active="3"] .node-web{color:#f1c08f;transform:translateY(-4px)}
.manufacture{padding-top:90px}.manifesto-star{transform:rotate(var(--craft-turn,0deg))}
.manifesto-intro{border-left:1px solid #99543770;padding-left:25px}
.principles summary{transition:color .25s,padding .25s}.principles summary:hover{color:var(--copper);padding-left:7px}
.founder-note{position:relative;background:#eae3d6;padding:42px;gap:8%;border:1px solid #d1c6b4;border-radius:3px}
.founder-note:before,.founder-note:after{content:'+';position:absolute;font:300 16px var(--sans);color:#99543780}.founder-note:before{left:12px;top:7px}.founder-note:after{right:12px;bottom:7px}
.founder-note h3{font-size:34px}.founder-note p:not(.eyebrow){font-size:12px}.craft-seal{margin-top:28px;display:inline-flex;flex-direction:column;align-items:center;color:var(--copper);transform:rotate(-8deg)}
.craft-seal span{font-size:7px;font-weight:600;letter-spacing:.15em}.craft-seal b{font-size:40px;line-height:1.3;font-weight:400}
.project{position:relative;isolation:isolate;overflow:hidden;background:#17352d}
.project:after{content:'';position:absolute;width:560px;aspect-ratio:1;border:1px solid #cdbb9b20;border-radius:50%;left:-170px;bottom:-210px;z-index:-1;box-shadow:0 0 0 70px #cdbb9b05,0 0 0 140px #cdbb9b04;pointer-events:none}
.project-form{position:relative;padding:30px;border:1px solid #bed0b940;background:#11261e55;border-radius:4px}
.project-form:before{content:'';position:absolute;top:-1px;left:-1px;width:42px;height:42px;border-top:2px solid #d9ac82;border-left:2px solid #d9ac82;pointer-events:none}
.project-form input:not([type=radio]):focus,.project-form textarea:focus{border-color:#dda681}
.project-form input[type=checkbox]{min-height:16px;flex:0 0 16px;margin-top:3px}.project-form .equipment-choices label{min-height:32px;align-items:center}
.project-signature span{transform:rotate(var(--craft-turn,0deg))}.faq-list summary{transition:color .25s}.faq-list summary:hover{color:var(--copper)}
.back-top{border-radius:50%;transition:background .3s,color .3s}.back-top:hover{background:var(--ink);color:var(--paper)}
/* Reveal is opt-in after the observer is ready; all content is visible without JS. */
.scroll-reveal{transition:opacity .85s cubic-bezier(.22,1,.36,1),translate .85s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.offer.scroll-reveal{transition:opacity .85s,translate .85s,transform .4s,border-color .4s,box-shadow .4s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s}
.reveal-pending{opacity:0;translate:0 30px}.scroll-reveal:focus-within{opacity:1;translate:0 0;transition:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .offer:hover{transform:translateY(-7px);border-color:#b5906e;box-shadow:0 18px 45px #243a3210}.offer:hover:before{opacity:1}.offer:hover:after{transform:scaleX(1)}.offer:hover .offer-symbol{transform:rotate(45deg)}
  .button:hover span{transform:translate(3px,-3px)}.button span{transition:transform .3s}
}
@media(max-width:1100px){.offer,.offer+.offer,.offer:last-child{padding:25px 20px}.offer-grid{gap:12px}.custom-workbench{gap:25px;grid-template-columns:.9fr 1.2fr}.custom-grid{gap:0 20px}.custom-grid h3{font-size:24px}.map-caption{font-size:6px;inset:18px 16px auto}.map-node{font-size:8px}.map-footnote{font-size:12px;left:16px;right:16px}.project-grid{gap:6%}.project-form{padding:24px}.founder-note{padding:35px}}
@media(max-width:800px){.hero:before{inset:0}.hero-visual:after{inset:8px -8px -8px 8px}.hero-media .photo-label{left:22px;right:22px;bottom:25px}.viewfinder{inset:13px}.viewfinder>span{font-size:6px;max-width:140px}.offer-grid{gap:18px}.offer,.offer+.offer,.offer:last-child{padding:27px}.offer-top{margin-bottom:22px}.small-caps{font-size:9px;max-width:none}.experience{padding-block:75px 35px}.experience-optics{width:95%;left:-35%;top:15%}.experience-steps li{gap:20px}.experience-steps .step-number{width:25px;height:25px}.custom-workbench{grid-template-columns:1fr;gap:36px}.connection-map{width:min(100%,480px);justify-self:center}.map-caption{font-size:7px;inset:22px 24px auto}.map-node{font-size:10px}.map-footnote{font-size:15px;left:24px;right:24px}.custom-grid{gap:0 30px}.custom-grid h3{font-size:28px}.custom-grid p{font-size:12px}.custom-select{font-size:11px}.manufacture{padding-top:65px}.founder-note{padding:32px;gap:25px}.craft-seal{display:none}.project-form{padding:28px}.reveal-pending{translate:0 22px}}
@media(max-width:540px){.hero-media .photo-label{display:block}.hero-visual:after{bottom:-8px}.viewfinder>span{max-width:none;font-size:6px}.offer,.offer+.offer,.offer:last-child{padding:25px 22px}.offer h3{min-height:0}.offer-bar h3 br{display:initial}.offer-top{gap:12px}.small-caps{max-width:180px;font-size:8px}.experience{padding-top:60px}.experience-optics{width:170%;left:-75%;top:5%}.experience-steps li{gap:16px}.custom-workbench{gap:27px}.map-caption{font-size:6px;inset:20px 18px auto}.map-node{font-size:9px}.map-footnote{font-size:12px;left:18px;right:18px;bottom:18px}.custom-grid{grid-template-columns:1fr;gap:0}.custom-grid article{padding-block:23px}.custom-grid h3{font-size:30px}.custom-grid p{font-size:13px}.custom-select{font-size:12px;padding-top:14px}.compatibility-note{font-size:11px}.manifesto-intro{padding-left:20px}.founder-note{padding:28px 23px;gap:26px}.founder-note h3{font-size:31px}.founder-note p:not(.eyebrow){font-size:13px}.project-form{padding:23px 18px}.project-grid{gap:32px}.offer-choices{gap:4px}.offer-choices span{font-size:9px;padding-inline:5px}.project h2{font-size:40px}.form-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.reveal-pending{opacity:1;translate:none}.hero-media>img,.experience-optics,.map-orbit,.manifesto-star,.values-band i,.project-signature span{transform:none!important}.map-paths{stroke-dashoffset:0!important}.connection-map .map-node{transform:none}.reading-line{display:none}}
@media print{.scroll-reveal,.reveal-pending{opacity:1;translate:none}.cinematic-intro,.reading-line{display:none!important}.map-paths{stroke-dashoffset:0}}
@media(max-width:800px){#navigation{top:100%;left:-20px;right:-20px}}

/* Optical depth: warm light, layered objects and a cursor-led focal plane. */
.hero{isolation:isolate}.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,65%) var(--light-y,45%),#cc965f30,transparent 60%)}
.hero-visual{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1)}
.hero-media{box-shadow:0 22px 40px -22px #172d255e;transition:box-shadow .5s}
.hero-visual:after{inset:18px -18px -18px 18px;border-color:#99543765;transform:translateZ(-22px)}
.hero-visual figcaption{transform:translateZ(6px)}
.floating-optic{position:absolute;left:-76px;bottom:72px;width:170px;aspect-ratio:1;border-radius:50%;color:#f2d0a6;pointer-events:none;transform:translate3d(var(--depth-x,0px),var(--depth-y,0px),65px);transition:transform .22s;filter:drop-shadow(0 15px 20px #0e211c55)}
.floating-optic:before{content:'';position:absolute;inset:8%;border:1px solid #dbb38480;border-radius:50%;background:radial-gradient(circle at 35% 25%,#ddbd8d44,transparent 55%),linear-gradient(135deg,#2d4a3eeb,#0d241fe8);box-shadow:inset 0 0 22px #dcb38130,inset 0 1px 0 #fae2be,0 0 0 5px #bca58220}
.floating-optic>svg{position:absolute;inset:0;width:100%;height:100%;stroke:#e5ba84;stroke-width:.7;transform:rotate(var(--craft-turn,0deg));opacity:.85}
.floating-optic svg ellipse{stroke:#dfb58c70}.optic-graduations{stroke-width:2}
.optic-glass{position:absolute;inset:31%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 20%,#f2e3ba50,transparent 70%),#10362f;border:1px solid #ead0a980;box-shadow:0 7px 16px #0005,inset 0 0 17px #d8bc8126}
.optic-glass span{font:200 35px var(--sans);color:#e7c597;transform:rotate(var(--craft-turn,0deg))}
.optic-caption{position:absolute;left:17%;right:17%;bottom:13%;font-size:6px;font-weight:600;letter-spacing:.18em;line-height:1.6;text-align:center}
.offer-grid{perspective:1400px;gap:22px}.offer,.offer+.offer,.offer:last-child{overflow:visible;transform-style:preserve-3d;box-shadow:0 8px 0 -4px #c9c2b440,0 16px 35px -24px #172d254d}
.offer:before{border-radius:4px;background:radial-gradient(260px circle at var(--pointer-x,50%) var(--pointer-y,0%),#f0c99070,transparent 75%),linear-gradient(135deg,#fff9,transparent 40%);opacity:.35}
.offer:after{border-radius:0 0 3px 3px}
.offer h3{transform:translateZ(32px)}.offer-top,.offer-lead{transform:translateZ(18px)}.offer>.text-link{transform:translateZ(25px)}
.offer>.text-link:after{content:'';position:absolute;inset:-8px;z-index:-1;background:transparent}
.scene-light{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at var(--light-x,70%) var(--light-y,30%),#6c957644,transparent 60%),radial-gradient(ellipse at 0 95%,#09221d,transparent 70%)}
.scene-light i,.scene-light b{position:absolute;width:110%;height:70%;left:-5%;top:10%;border:1px solid #d3b07b30;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,#b9985b12,transparent 65%);transform:perspective(750px) rotateX(62deg) rotateZ(-21deg) translateY(var(--scene-travel,0px));box-shadow:0 14px 60px #cfb27e0d,inset 0 -1px 0 #e4c48b33}
.scene-light b{width:140%;left:-20%;top:36%;transform:perspective(700px) rotateX(68deg) rotateZ(18deg) translateY(var(--scene-travel,0px));opacity:.5}
.experience:before{opacity:.7;transform:perspective(1200px) rotateX(7deg) scale(1.12);transform-origin:center bottom}
.experience{box-shadow:inset 0 1px 0 #e4c48b66,inset 0 -1px 0 #e4c48b40}
.experience-optics{opacity:.85}
.connection-map{transform-style:preserve-3d;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .6s;box-shadow:0 12px 0 -5px #243a3226,0 28px 45px -15px #243a322e}
.connection-map:before{background:radial-gradient(ellipse at var(--light-x,35%) var(--light-y,20%),#d0ae6638,transparent 65%),radial-gradient(circle at 70% 70%,#6d94704d,transparent 55%),linear-gradient(#b5c7b90d 1px,transparent 1px),linear-gradient(90deg,#b5c7b90d 1px,transparent 1px);background-size:100% 100%,100% 100%,30px 30px,30px 30px}
.map-core{box-shadow:0 0 0 9px #142e27,0 0 0 10px #c9ac813f,0 20px 25px #0004,inset 0 1px 10px #c9ac8120;transform:translate(var(--depth-x,0px),var(--depth-y,0px));transition:transform .2s}
.map-core:after{content:'';position:absolute;inset:-21%;border-radius:50%;border:1px solid #e0bd8970;box-shadow:0 0 25px #e0bd8914;pointer-events:none}
.connection-map.is-revealed .map-core:after{animation:optic-arrival 1.4s cubic-bezier(.22,1,.36,1) both}
@keyframes optic-arrival{from{opacity:0;transform:scale(2.5)}35%{opacity:.65}to{opacity:1;transform:scale(1)}}
.founder-note{box-shadow:9px 9px 0 -1px var(--paper),9px 9px 0 #c8baa2,0 22px 45px -30px #4d372f40}
.project-form{box-shadow:0 30px 80px -35px #0009,inset 0 1px 0 #f7e8c815}
.scroll-reveal{scale:1;filter:none;transition:opacity 1s cubic-bezier(.22,1,.36,1),translate 1s cubic-bezier(.22,1,.36,1),scale 1s cubic-bezier(.22,1,.36,1),filter .75s;transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.reveal-pending{translate:0 45px;scale:.97;filter:blur(4px)}
.offer.scroll-reveal,.connection-map.scroll-reveal{transition:opacity .9s,translate 1s cubic-bezier(.22,1,.36,1),scale 1s,filter .7s,transform .65s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s;transition-delay:var(--reveal-delay,0ms),var(--reveal-delay,0ms),var(--reveal-delay,0ms),0s,0s,0s,0s}
.scroll-reveal:focus-within{scale:1;filter:none}
.pointer-aura{position:fixed;left:0;top:0;width:1px;height:1px;z-index:45;pointer-events:none;opacity:0;transition:opacity .3s;contain:layout style;--aura-color:177,115,59}
.pointer-bloom{position:absolute;width:300px;height:300px;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(var(--aura-color),.11),rgba(var(--aura-color),.045) 30%,transparent 65%)}
.pointer-reticle{position:absolute;left:0;top:0;width:28px;height:28px;transform:translate(-50%,-50%);border:1px solid rgba(var(--aura-color),.65);border-radius:50%;transition:width .3s,height .3s,border-color .3s;box-shadow:0 0 18px rgba(var(--aura-color),.1)}
.pointer-reticle:before,.pointer-reticle:after{content:'';position:absolute;left:50%;top:-4px;width:1px;height:7px;background:rgba(var(--aura-color),.55)}.pointer-reticle:after{top:auto;bottom:-4px}
@media(hover:hover) and (pointer:fine) and (min-width:801px) and (prefers-reduced-motion:no-preference){
  .pointer-live .pointer-aura{opacity:1}.pointer-dark .pointer-aura{--aura-color:235,198,142}.pointer-action .pointer-reticle{width:48px;height:48px;border-color:rgba(var(--aura-color),.8)}
  .depth-enabled [data-depth]{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
  .depth-enabled .offer{isolation:auto}
  .depth-enabled .depth-active{transition-duration:.14s}
  .depth-enabled .offer.depth-active{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateZ(12px);box-shadow:0 35px 45px -25px #243a3255,0 4px 0 #d3c5ae50;border-color:#b59166}
  .depth-enabled .offer.depth-active:before{opacity:1}
  .depth-enabled .hero-visual.depth-active .hero-media{box-shadow:0 35px 55px -25px #172d2590}
  .depth-enabled .connection-map.depth-active{box-shadow:0 35px 60px -22px #17362b70,0 0 0 1px #b89b6a50}
  .depth-enabled :is(.button,.text-link,.custom-select)>span{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .2s}
}
@media(max-width:1100px){.floating-optic{width:140px;left:-45px;bottom:75px}.offer-grid{gap:17px}}
@media(max-width:800px){.floating-optic,.pointer-aura{display:none}.hero-visual:after{inset:8px -8px -8px 8px;transform:none}.offer-grid{gap:20px}.offer,.hero-visual,.connection-map{transform-style:flat}.offer h3,.offer-top,.offer-lead,.offer>.text-link{transform:none}.scroll-reveal.reveal-pending{translate:0 24px;scale:.99;filter:blur(2px)}.scene-light i,.scene-light b{width:180%;left:-40%}.founder-note{box-shadow:5px 5px 0 -1px var(--paper),5px 5px 0 #c8baa2}}
@media(prefers-reduced-motion:reduce){.pointer-aura{display:none!important}.scroll-reveal,.scroll-reveal.reveal-pending{opacity:1;translate:none;scale:1;filter:none}.floating-optic,.floating-optic svg,.optic-glass span,.map-core,.scene-light i,.scene-light b,[data-depth]{transform:none!important}.floating-optic{display:none}.hero-visual:after{transform:none}.offer h3,.offer-top,.offer-lead,.offer>.text-link{transform:none}}
@media print{.pointer-aura,.floating-optic,.scene-light{display:none!important}.scroll-reveal,.scroll-reveal.reveal-pending{opacity:1;translate:none;scale:1;filter:none}[data-depth]{transform:none!important}}

/* Touch has its own choreography: scroll-driven layers and one short local wave. */
.touch-wave{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:3;contain:strict}
.touch-ripple{position:absolute;width:190px;height:190px;transform:translate(-50%,-50%) scale(.25);opacity:.3;border:1px solid #d6a26999;border-radius:50%;background:radial-gradient(circle,#efc98e70,transparent 68%);pointer-events:none}
.connection-map .touch-ripple,.hero-media .touch-ripple{border-color:#f4d1a5b3;background:radial-gradient(circle,#f5dfaf80,transparent 68%)}
.mobile-motion .pointer-aura{display:none}
.mobile-motion .hero-visual{transform:none;transform-style:flat}
.mobile-motion .hero-media>img{transform:translate3d(0,var(--scroll-lift,0px),0) scale(var(--scroll-zoom,1));transition:none}
.mobile-motion .hero-visual:after{transform:translate3d(0,calc(var(--scroll-lift,0px) * -.4),0)}
.mobile-motion .floating-optic{display:block;width:112px;left:-6px;bottom:78px;transform:translate3d(0,calc(var(--scroll-lift,0px) * -1.25),0);transition:none;filter:none}
.mobile-motion .floating-optic>svg{transform:rotate(var(--scroll-turn,0deg))}.mobile-motion .optic-glass span{font-size:26px;transform:rotate(calc(var(--scroll-turn,0deg) * -.5))}.mobile-motion .optic-caption{font-size:5px}
.mobile-motion .floating-optic:before{box-shadow:inset 0 0 18px #dcb38130,inset 0 1px 0 #fae2be,0 9px 20px #0e211c55}
.mobile-motion .offer,.mobile-motion .connection-map{transform:perspective(1100px) rotateX(var(--scroll-tilt,0deg));transform-style:flat;transition:opacity .7s,translate .8s cubic-bezier(.22,1,.36,1),scale .8s,border-color .25s}
.mobile-motion .offer h3,.mobile-motion .offer-top,.mobile-motion .offer-lead,.mobile-motion .offer>.text-link{transform:none}
.mobile-motion .offer:before{background:linear-gradient(135deg,#fff9,transparent 45%);opacity:calc(.25 + var(--scroll-focus,.5) * .5)}
.mobile-motion .offer:after{transform:scaleX(calc(.25 + var(--scroll-focus,.5) * .75));transition:none}
.mobile-motion .offer.touch-contact{border-color:#bd9369}
.mobile-motion .connection-map:before{background:radial-gradient(ellipse at 35% 20%,#d0ae6638,transparent 65%),radial-gradient(circle at 70% 70%,#6d94704d,transparent 55%),linear-gradient(#b5c7b90d 1px,transparent 1px),linear-gradient(90deg,#b5c7b90d 1px,transparent 1px);background-size:100% 100%,100% 100%,30px 30px,30px 30px}
.mobile-motion .map-core{transform:translate3d(0,var(--scroll-lift,0px),0);transition:none}.mobile-motion .map-orbit{transform:rotate(var(--scroll-turn,0deg))}
.mobile-motion .experience-optics{transform:rotate(var(--scroll-turn,0deg))}
.mobile-motion .scene-light{background:radial-gradient(ellipse at 70% 30%,#6c957644,transparent 60%),radial-gradient(ellipse at 0 95%,#09221d,transparent 70%)}
.mobile-motion .scene-light i{transform:perspective(750px) rotateX(62deg) rotateZ(-21deg) translateY(var(--scroll-glint,0px));box-shadow:none}
.mobile-motion .scene-light b{transform:perspective(700px) rotateX(68deg) rotateZ(18deg) translateY(calc(var(--scroll-glint,0px) * -.5));box-shadow:none}
.mobile-motion .scroll-reveal{filter:none;transition:opacity .75s,translate .85s cubic-bezier(.22,1,.36,1),scale .85s cubic-bezier(.22,1,.36,1);transition-delay:0ms}
.mobile-motion .scroll-reveal.reveal-pending{translate:0 34px;scale:.97;filter:none}
.mobile-motion .offer.scroll-reveal,.mobile-motion .connection-map.scroll-reveal{transition:opacity .75s,translate .85s cubic-bezier(.22,1,.36,1),scale .85s cubic-bezier(.22,1,.36,1),border-color .25s}
.mobile-motion .scroll-reveal:focus-within{opacity:1;translate:none;scale:1}
.mobile-motion .is-scene-visible.hero-visual .hero-media>img,.mobile-motion .is-scene-visible .floating-optic,.mobile-motion .is-scene-visible.offer,.mobile-motion .is-scene-visible.connection-map{will-change:transform}
@media(max-width:360px){.mobile-motion .floating-optic{width:96px;left:-4px;bottom:83px}}
@media(prefers-reduced-motion:reduce){.touch-wave,.mobile-motion .floating-optic{display:none!important}.mobile-motion .scroll-reveal,.mobile-motion .scroll-reveal.reveal-pending{opacity:1;translate:none;scale:1;filter:none}.mobile-motion .offer:after{transform:scaleX(1)}}
@media print{.touch-wave{display:none!important}}

/* Le Clic parfait — an optional, locally rendered game. */

#clic-game-dialog *{box-sizing:border-box}
#clic-game-dialog [hidden]{display:none!important}
#clic-game-dialog .clic-game{--clic-green:#243a32;--clic-deep:#122b25;--clic-cream:#f6f2e9;--clic-copper:#dda681;--clic-soft:#b7c5ba;--clic-edge:#476055;--clic-photo:#d2d6cc;--clic-photo-ink:#263b32;position:relative;isolation:isolate;overflow:hidden;border-radius:24px;background:radial-gradient(ellipse at 12% 45%,#344b3b 0,transparent 60%),linear-gradient(125deg,#243a32,#122b25 75%);color:var(--clic-cream);padding:32px 30px 20px;font:400 14px/1.5 var(--sans);box-shadow:0 20px 50px #091c1724}
#clic-game-dialog .clic-game:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.055;background-image:linear-gradient(#e8e4cd 1px,transparent 1px),linear-gradient(90deg,#e8e4cd 1px,transparent 1px);background-size:36px 36px;pointer-events:none}
#clic-game-dialog .clic-header{padding-right:20px}
#clic-game-dialog .clic-brand{font-size:11px;letter-spacing:.2em;color:var(--clic-soft);padding-right:80px}
#clic-game-dialog .clic-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:16px 0 10px}
#clic-game-dialog h2{font:400 clamp(34px,6vw,48px)/1.05 Georgia,serif;letter-spacing:-.05em;color:var(--clic-cream);margin:0;padding:0;clear:none}
#clic-game-dialog h2 em{font-weight:400;color:var(--clic-copper)}
#clic-game-dialog .clic-duration{font-size:11px;line-height:1.6;text-align:right;white-space:nowrap;color:var(--clic-soft)}
#clic-game-dialog .clic-instruction{font-size:13px;color:var(--clic-soft);margin:0;max-width:410px;min-height:40px}
#clic-game-dialog .clic-playground{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:28px;margin-top:12px;align-items:start}
#clic-game-dialog .clic-studio{min-width:0;text-align:center}
#clic-game-dialog .clic-viewfinder{position:relative;padding:29px 10px 22px;max-width:390px;margin:0 auto;isolation:isolate}
#clic-game-dialog .clic-corner{position:absolute;width:19px;height:19px;border-color:var(--clic-edge);border-style:solid}
#clic-game-dialog .clic-tl{top:0;left:0;border-width:1px 0 0 1px}#clic-game-dialog .clic-tr{top:0;right:0;border-width:1px 1px 0 0}#clic-game-dialog .clic-bl{bottom:0;left:0;border-width:0 0 1px 1px}#clic-game-dialog .clic-br{bottom:0;right:0;border-width:0 1px 1px 0}
#clic-game-dialog .clic-target-caption{position:absolute;top:0;left:0;right:0;font-size:10px;letter-spacing:.18em;color:var(--clic-copper)}
#clic-game-dialog .clic-lens{width:min(100%,268px);aspect-ratio:1;position:relative;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle,#0d211b 44%,#314a3e 45%,#10291f 48%,#395246 49%,#162c24 51%,#0e211c 64%,#526051 65%,#1b332a 66%,#11261f 71%);box-shadow:0 18px 26px #061d1c8a,inset 0 1px 2px #e2e1c34d;container-type:inline-size}
#clic-game-dialog .clic-lens-grooves{position:absolute;inset:8%;border-radius:50%;background:repeating-conic-gradient(from 0deg,#d0d2b773 0deg .55deg,transparent .55deg 5deg);mask:radial-gradient(transparent 66%,#000 66%);opacity:.55}
#clic-game-dialog .clic-target{position:absolute;z-index:3;inset:0;border-radius:50%;background:conic-gradient(from 351deg,var(--clic-copper) 0deg 18deg,transparent 18deg);mask:radial-gradient(transparent 64%,#000 65%,#000 69%,transparent 70%)}
#clic-game-dialog .clic-target:after{content:"";position:absolute;left:calc(50% - 1px);top:0;height:20%;width:2px;background:var(--clic-copper)}
#clic-game-dialog .clic-rotor{position:absolute;inset:10%;border-radius:50%;transform:rotate(140deg);z-index:4;}
#clic-game-dialog .clic-rotor i{position:absolute;top:0;left:calc(50% - 4px);width:8px;height:19px;background:var(--clic-cream);border-radius:3px;box-shadow:0 0 15px #f6f2e940}
#clic-game-dialog .clic-glass{position:absolute;inset:24%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 67% 23%,#597967 0,#315746 9%,#183b2e 35%,#0b2019 75%);border:1px solid #6b857052;box-shadow:inset 4px -7px 20px #04140f,inset -5px 6px 12px #a4bf7e1a}
#clic-game-dialog .clic-aperture{position:absolute;inset:16%;border-radius:50%;background:conic-gradient(from 20deg,#345a45 0deg,#122a20 59deg,#345a45 60deg,#122a20 119deg,#345a45 120deg,#122a20 179deg,#345a45 180deg,#122a20 239deg,#345a45 240deg,#122a20 299deg,#345a45 300deg,#122a20 359deg);opacity:.65;clip-path:polygon(50% 0,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}
#clic-game-dialog .clic-glint{position:absolute;inset:0;background:linear-gradient(140deg,transparent 30%,#dbe8c916 32%,transparent 50%);border-radius:50%}
#clic-game-dialog .clic-lens-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;pointer-events:none}
#clic-game-dialog .clic-counter{font:400 50px/1 Georgia,serif;letter-spacing:-.05em;text-shadow:0 2px 16px #05160e;color:var(--clic-cream)}
#clic-game-dialog .clic-lens-label{font-size:9px;letter-spacing:.15em;margin-top:9px;color:var(--clic-soft)}
#clic-game-dialog .clic-flash{position:absolute;inset:0;z-index:8;pointer-events:none;border-radius:12px;background:radial-gradient(ellipse at 50% 45%,#fff 0%,#fffaf0 45%,#efdfc3 100%);opacity:0}
#clic-game-dialog .clic-viewfinder-bottom{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.08em;color:var(--clic-soft);text-align:left}
#clic-game-dialog .clic-live{display:flex;gap:6px;align-items:center}#clic-game-dialog .clic-live i{width:4px;height:4px;background:var(--clic-copper);border-radius:50%}
#clic-game-dialog .clic-trigger{width:100%;max-width:330px;margin:20px auto 0;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;background:var(--clic-cream);color:var(--clic-green);border:0;border-radius:4px;min-height:52px;padding:12px 28px;font:500 14px/1.4 var(--sans);touch-action:manipulation;transition:background .15s,transform .15s}
#clic-game-dialog .clic-trigger:hover{background:#e9d7c2;transform:translateY(-1px)}
#clic-game-dialog .clic-trigger[aria-disabled="true"]{opacity:.6;transform:none;cursor:wait}
#clic-game-dialog .clic-trigger-arrow{position:absolute;right:18px;font-size:20px}
#clic-game-dialog .clic-trigger svg{width:17px;height:17px}
#clic-game-dialog .clic-status{font-size:12px;line-height:1.6;min-height:38px;margin:12px 0 0;color:var(--clic-soft)}
#clic-game-dialog .clic-printer{padding-top:10px;text-align:center;min-width:0}
#clic-game-dialog .clic-printer-label{font-size:9px;letter-spacing:.15em;margin-bottom:16px;color:var(--clic-soft)}
#clic-game-dialog .clic-slot{height:11px;margin:0 -8px;background:#081c16;border-radius:6px;border-bottom:1px solid #78877266;box-shadow:0 2px 3px #0005}
#clic-game-dialog .clic-paper{position:relative;background:var(--clic-cream);color:var(--clic-green);margin-top:-3px;padding:9px 8px 12px;transform:rotate(2deg);transform-origin:top center;box-shadow:5px 10px 18px #081a1780}
#clic-game-dialog .clic-frames{display:grid;gap:7px}
#clic-game-dialog .clic-frame{height:83px;background:#e3e4d8;position:relative;overflow:hidden;isolation:isolate;display:grid;place-items:center}
#clic-game-dialog .clic-empty{font:400 25px Georgia,serif;color:#9ca797}
#clic-game-dialog .clic-portrait{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 30%,#e2e2d2,#a8b7a4);opacity:0;overflow:hidden;transition:opacity .25s}
#clic-game-dialog .clic-frame.is-taken .clic-portrait{opacity:1}
#clic-game-dialog .clic-frame.is-taken .clic-empty{visibility:hidden}
#clic-game-dialog .clic-confetti{position:absolute;inset:8px;background:radial-gradient(circle at 5% 20%,#53695a 1px,transparent 2px),radial-gradient(circle at 90% 12%,#53695a 1px,transparent 2px),radial-gradient(circle at 80% 75%,#53695a 1px,transparent 2px);transform:rotate(-12deg)}
#clic-game-dialog .clic-person{position:absolute;bottom:-9px;width:61%;height:61%;border-radius:48% 48% 0 0;background:#365446;left:-3%;transform:rotate(-12deg)}
#clic-game-dialog .clic-face{display:block;position:absolute;bottom:45%;left:22%;width:55%;height:91%;background:#f1eddb;border-radius:45% 45% 43% 43%;border-top:10px solid #3e5343;box-shadow:inset 3px -3px 0 #c2cbb6;transform:rotate(6deg)}
#clic-game-dialog .clic-eyes{position:absolute;top:28%;left:24%;width:3px;height:4px;border-radius:50%;background:#253e31;box-shadow:12px 0 #253e31}
#clic-game-dialog .clic-smile{position:absolute;left:30%;top:50%;width:13px;height:8px;border-bottom:2px solid #253e31;border-radius:0 0 12px 12px}
#clic-game-dialog .clic-person-b{left:47%;background:#66806b;transform:rotate(12deg)}
#clic-game-dialog .clic-person-b .clic-face{border-top-width:6px;transform:rotate(-12deg)}
#clic-game-dialog [data-shot="1"] .clic-person-a{transform:rotate(12deg) translateX(8px)}
#clic-game-dialog [data-shot="1"] .clic-person-b{transform:rotate(-18deg) translateX(-4px)}
#clic-game-dialog [data-shot="1"] .clic-eyes{width:10px;height:6px;left:13%;border-radius:2px;box-shadow:12px 0 #253e31}
#clic-game-dialog [data-shot="2"] .clic-person-a .clic-face{transform:rotate(-10deg)}
#clic-game-dialog [data-shot="2"] .clic-person-b .clic-smile{height:12px;background:#253e31;border-radius:30% 30% 50% 50%}
#clic-game-dialog .clic-shot-score{position:absolute;bottom:4px;right:4px;font:500 10px/1 var(--sans);background:var(--clic-green);color:var(--clic-cream);padding:4px;opacity:0;z-index:2}
#clic-game-dialog .is-taken .clic-shot-score{opacity:1}
#clic-game-dialog .clic-paper-signature{font:italic 15px/1.3 Georgia,serif;padding-top:11px}
#clic-game-dialog .clic-paper-signature span{display:block;font:400 7px/1.6 var(--sans);letter-spacing:.1em;margin-top:5px}
#clic-game-dialog .clic-print-status{font-size:11px;line-height:1.6;color:var(--clic-soft);margin:17px 0 0}
#clic-game-dialog .clic-footer{border-top:1px solid var(--clic-edge);padding-top:16px;margin-top:4px;display:flex;gap:16px;justify-content:space-between;align-items:center}
#clic-game-dialog .clic-footer-note{font:italic 16px Georgia,serif;color:var(--clic-copper)}
#clic-game-dialog .clic-input-hint{font-size:9px;letter-spacing:.1em;color:var(--clic-soft)}
#clic-game-dialog .clic-manual{margin-top:12px;display:block;font-size:12px;color:var(--clic-soft)}
#clic-game-dialog .clic-manual input{display:block;width:100%;margin-top:9px;accent-color:var(--clic-copper);min-height:32px}
#clic-game-dialog .is-finished .clic-counter{font-size:43px}
#clic-game-dialog .is-finished .clic-lens-label{max-width:130px;text-align:center;line-height:1.5}
@media(max-width:520px){#clic-game-dialog .clic-game{padding:26px 20px 18px;border-radius:18px}#clic-game-dialog .clic-heading{align-items:start}#clic-game-dialog .clic-duration{display:none}#clic-game-dialog .clic-header{padding-right:0}#clic-game-dialog .clic-playground{grid-template-columns:minmax(0,1fr);gap:14px}#clic-game-dialog .clic-viewfinder{max-width:320px}#clic-game-dialog .clic-lens{width:224px;max-width:100%}#clic-game-dialog .clic-printer{padding-top:0}#clic-game-dialog .clic-printer-label{display:none}#clic-game-dialog .clic-slot{display:none}#clic-game-dialog .clic-paper{transform:rotate(-1deg);max-width:360px;margin:0 auto;padding:8px}#clic-game-dialog .clic-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#clic-game-dialog .clic-frame{height:80px}#clic-game-dialog .clic-paper-signature{padding-top:8px;font-size:14px}#clic-game-dialog .clic-paper-signature span{display:none}#clic-game-dialog .clic-print-status{margin:10px 0 16px}#clic-game-dialog .clic-footer{gap:10px;flex-wrap:wrap}#clic-game-dialog .clic-footer-note{font-size:15px}#clic-game-dialog .clic-status{min-height:36px}#clic-game-dialog .clic-brand{font-size:10px;letter-spacing:.13em;padding-right:65px}}
@media(prefers-reduced-motion:reduce){#clic-game-dialog *,#clic-game-dialog *:before,#clic-game-dialog *:after{animation:none!important;transition:none!important}#clic-game-dialog .clic-trigger:hover{transform:none}}

.play-entry{display:flex;align-items:center;gap:12px;margin-top:22px;padding:4px 0;min-height:48px;background:none;border:0;color:var(--ink);font:600 12px/1.5 var(--sans);text-align:left}
.play-entry-mark{display:grid;place-items:center;border:1px solid #a8b4a4;border-radius:50%;width:40px;height:40px;font:400 21px var(--sans);transition:background .2s,color .2s}
.play-entry small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:2px}.play-entry:hover .play-entry-mark{background:var(--ink);color:var(--paper)}
html.clic-game-open{overflow:hidden;scroll-behavior:auto}html.clic-game-open body{position:fixed;inset-inline:0;top:var(--clic-page-top,0px);width:100%;overflow:hidden}
.clic-game-open .pointer-aura{display:none}.clic-game-open main *{animation-play-state:paused!important}
#clic-game-dialog{padding:0;border:1px solid #476055;width:min(736px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;background:#243a32;color:#f6f2e9;border-radius:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color-scheme:dark;box-shadow:0 28px 100px #081d2499}
#clic-game-dialog::backdrop{background:#0c221de0}
#clic-game-dialog .clic-game{border-radius:0 0 24px 24px;padding-top:10px}
#clic-game-dialog .clic-dialog-toolbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 24px;background:#243a32;border-bottom:1px solid #47605555}
#clic-game-dialog .clic-dialog-toolbar>span{font:400 10px/1.5 var(--sans);letter-spacing:.14em;color:#b7c5ba}
#clic-game-dialog .clic-close{border:0;background:none;color:#f6f2e9;min-height:44px;padding:6px 2px 6px 12px;font:400 12px var(--sans);white-space:nowrap}
#clic-game-dialog .clic-shutter-icon{font-size:23px;line-height:1}
#clic-game-dialog .is-playing .clic-rotor{will-change:transform}
#clic-game-dialog .clic-footer{flex-wrap:wrap;column-gap:18px;row-gap:8px}
#clic-game-dialog .clic-manual input{font-size:16px;min-height:44px;touch-action:auto}
#clic-game-dialog .clic-input-hint{font-size:9px}
@media(max-width:520px){#clic-game-dialog{border-radius:18px;width:calc(100% - 16px);max-height:calc(100dvh - 16px)}#clic-game-dialog .clic-game{padding:8px 16px 16px;border-radius:0 0 18px 18px}#clic-game-dialog .clic-dialog-toolbar{padding:6px 16px}#clic-game-dialog .clic-footer-note{width:100%}#clic-game-dialog .clic-input-hint{margin-left:auto}}
@media(max-height:500px) and (min-width:521px){#clic-game-dialog .clic-lens{width:210px}#clic-game-dialog .clic-heading{margin-top:6px}#clic-game-dialog .clic-trigger{margin-top:12px}}
@media print{#clic-game-dialog,.play-entry{display:none!important}html.clic-game-open body{position:static;overflow:visible}}

/* Reading scale: keep display titles, give body text and form controls room. */
body{font-size:16px}
.hero-description,.section-heading p:not(.eyebrow),.offer p:not(.offer-lead),
.experience-intro,.experience-steps p,.principles p,.project-copy>p:not(.eyebrow),
.faq-list p,.custom-grid p,.founder-note p:not(.eyebrow){font-size:16px;line-height:1.85}
.offer-lead,.manifesto-intro{font-size:18px}
.offer ul,.offer li,.bar-explainer,.compatibility-note{font-size:14px;line-height:1.8}
.eyebrow,.hero .eyebrow,.small-caps{font-size:12px}
.small-caps{max-width:180px}
.button,.hero .button,.project-form .button,.text-link,.custom-select,nav,.menu-toggle{font-size:14px}
.hero-bottom,.hero-scroll,.offers-note,.form-note,.footer-brand span,
.site-footer>div,.site-footer small{font-size:13px}
.hero-visual figcaption{font-size:11px}
.faq-list summary{font-size:16px;line-height:1.65}
#privacy-dialog p{font-size:16px}
.dialog-close{font-size:14px;min-height:44px}
.project-form label,.project-form legend{font-size:14px;line-height:1.6;font-weight:500}
.offer-choices span{font-size:14px;min-height:52px;padding:10px 8px}
.project-form input:not([type=radio]),.project-form textarea{font-size:16px;line-height:1.6;min-width:0;min-height:48px;padding:12px 0}
.project-form textarea{min-height:100px}
.project-form input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;margin:3px 0;padding:0}
.project-form .equipment-choices,.form-row.two{gap:20px}
.form-row.two>div{min-width:0}
.form-note{max-width:540px;line-height:1.8}
.form-status{font-size:15px;line-height:1.7}
@media(max-width:1100px){nav{gap:20px}.nav-project{margin-left:0;gap:16px}}
@media(max-width:1000px){.project-grid{grid-template-columns:1fr;gap:38px}.project-copy{max-width:680px}.project-signature{display:none}}
@media(max-width:540px){.hero .button{gap:20px}.project-form .equipment-choices{gap:16px}.site-footer>div{max-width:calc(100% - 60px)}}
@media(max-width:400px){.offer-choices{flex-direction:column;gap:8px}.offer-choices label{width:100%}.offer-choices span{min-height:48px}}

/* Official logo replaces the decorative optical medallion. */
.floating-optic.hero-brand-mark{display:grid;place-items:center;background:var(--paper);border:1px solid #c8baa2;box-shadow:0 9px 24px #0e211c26;filter:none;padding:17px}
.floating-optic.hero-brand-mark:before{content:none}
.hero-brand-mark>img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.floating-optic.hero-brand-mark{padding:12px}}
@media print{.floating-optic.hero-brand-mark{display:none!important}}