@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--paper:#f7f5f0;--ink:#24211f;--muted:#79736e;--accent:#b85138;--line:#e6dfd5;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
html[data-theme="dark"]{--paper:#1b1a19;--ink:#f4f0e9;--muted:#b9aea5;--accent:#df9276;--line:#3b3733;color-scheme:dark}
html[data-theme="dark"] .site-header,html[data-theme="dark"] .feature,html[data-theme="dark"] .device-project,html[data-theme="dark"] .floating-card{background:#242220}
html[data-theme="dark"] .mark{background:#f4f0e9;color:#24211f}
html[data-theme="dark"] .main-nav a,html[data-theme="dark"] .footer-links a,html[data-theme="dark"] .footer-links button,html[data-theme="dark"] .marquee-track{color:#b9aea5}
html[data-theme="dark"] .hero-art,html[data-theme="dark"] .closing{background:#332c28}
html[data-theme="dark"] .feature-visual.project-visual{background:#37302b}
html[data-theme="dark"] .hero-lead,html[data-theme="dark"] .closing p,html[data-theme="dark"] .section-intro p,html[data-theme="dark"] .details-head p{color:#b9aea5}
html[data-theme="dark"] .device{background:#262320;border-color:#0e0d0c}
html[data-theme="dark"] .device-bottom{background:#262320;border-color:#4c4540}
html[data-theme="dark"] .manifesto{background:#100f0e}
html[data-theme="dark"] .tile-c{background:#61564d;color:#fff}
html[data-theme="dark"] .header-cta:hover,html[data-theme="dark"] .button-primary{background:#f4f0e9;color:#201c19}
html[data-theme="dark"] .button-primary:hover{background:#df9276}
.theme-toggle{border:1px solid var(--line);color:var(--ink);background:none;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:17px;line-height:1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 72px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:20}
.site-header{height:95px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:50px;position:relative;z-index:5}.wordmark{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:700;letter-spacing:-.04em;white-space:nowrap}.mark{display:inline-grid;place-items:center;width:36px;height:36px;background:var(--ink);border-radius:11px;color:#fff;font-family:var(--serif);font-size:27px;font-style:italic;line-height:1}.mark-dot{color:#d67d60}.main-nav{display:flex;gap:35px;margin:auto}.main-nav a,.footer-links a,.footer-links button{font-size:13px;color:#68615c;transition:color .2s}.main-nav a:hover,.footer-links a:hover,.footer-links button:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:17px}.header-actions select{border:0;background:none;color:var(--ink);outline:0;padding:7px 2px;font-size:12px;max-width:105px}.header-cta{border:1px solid var(--ink);padding:11px 17px;font-size:12px;font-weight:600}.header-cta:hover{background:var(--ink);color:#fff}
.hero{display:grid;grid-template-columns:52% 48%;min-height:650px;align-items:center}.hero-copy{padding:64px 25px 36px 0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.eyebrow-line{width:28px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(66px,7vw,108px);line-height:.98;margin:28px 0 25px;max-width:700px}h1 em,h2 em{font-weight:400;color:var(--accent)}.hero-lead{color:#68615b;font-size:17px;line-height:1.75;max-width:475px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.button-primary{background:var(--ink);color:#fff;min-height:54px;padding:0 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button-primary:hover{background:var(--accent);transform:translateY(-2px)}.button-primary span:last-child{font-size:20px;font-weight:400}.quiet-note{font-size:11px;color:var(--muted);max-width:120px;line-height:1.4}.hero-metadata{display:flex;justify-content:space-between;max-width:390px;margin-top:auto;padding-top:70px;font-size:10px;letter-spacing:.14em;color:#a39a90;text-transform:uppercase}.hero-art{height:650px;background:#e9e2d7;position:relative;overflow:hidden;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #d5c9bd;border-radius:50%;width:690px;height:690px;transform:rotate(-20deg)}.orbit-one{left:-160px;top:-240px}.orbit-two{width:480px;height:480px;right:-230px;bottom:-230px}.art-label{position:absolute;top:30px;left:32px;right:32px;display:flex;justify-content:space-between;color:#8e8175;font-size:10px;letter-spacing:.15em;text-transform:uppercase;z-index:2}.device{position:relative;z-index:2;background:#f8f6f2;width:293px;height:575px;border:8px solid #302b28;border-radius:43px;box-shadow:0 28px 50px #3a2e2450,0 3px 3px #211b1a38;overflow:hidden;transform:rotate(-5deg) translate(20px,27px)}.device:before{content:'';position:absolute;top:7px;left:93px;width:89px;height:19px;background:#302b28;border-radius:20px;z-index:3}.device-top{height:42px;padding:15px 23px 0;display:flex;justify-content:space-between;font-size:10px;font-weight:700}.device-content{padding:24px 18px 0}.device-overline{font-size:8px;letter-spacing:.18em;color:var(--accent);font-weight:700}.device-title{font-family:var(--serif);font-size:29px;line-height:1.05;margin:8px 0 18px;letter-spacing:-.04em}.device-project{height:28px;border:1px solid #e4ddd4;border-radius:20px;display:flex;align-items:center;gap:6px;padding:0 10px;width:max-content;font-size:10px;margin-bottom:18px;background:#fff}.project-dot{background:#ba765c;width:6px;height:6px;border-radius:50%}.device-project span:last-child{margin-left:8px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;transform:translateZ(0)}.tile{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;text-align:center}.tile-a{background:#b3a594;color:#fff;font-family:var(--serif);font-size:16px;font-style:italic}.tile-b{background:linear-gradient(145deg,#e0c9ad,#ad9074);color:#fff;font-size:21px;font-family:var(--serif)}.tile-c{background:#eee8de;color:#59443d;font-family:var(--serif);font-size:15px;line-height:1}.tile-d{background:#aa826e;color:#fff;font-family:var(--serif);font-size:15px}.tile-e{background:#d7c3b7;color:#fff;font-family:var(--serif);font-size:22px}.tile-f{background:#60534a;color:#fff;font-family:var(--serif);font-size:15px;font-style:italic}.device-caption{margin-top:18px;font-size:10px;color:#8e8279;line-height:1.5}.device-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:52px;border-top:1px solid #ece7e0;background:#faf9f6;color:#746b65;font-size:18px}.floating-card{position:absolute;z-index:3;left:35px;bottom:85px;display:flex;gap:12px;align-items:center;background:#fff;padding:13px 17px;box-shadow:0 13px 30px #58463825;transform:rotate(5deg)}.floating-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:#fff;background:var(--accent);font-size:18px}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:12px}.floating-card small{font-size:10px;color:var(--muted);margin-top:3px}
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.marquee-track{min-width:max-content;display:flex;align-items:center;gap:58px;padding:19px 0;animation:drift 28s linear infinite;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:700;color:#837971}.marquee-track i{color:var(--accent);font-size:15px;font-style:normal}@keyframes drift{to{transform:translateX(-50%)}}.section-spacing{padding:120px 0}.section-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:51px}.section-intro .eyebrow{grid-column:1/-1}.section-intro h2,.details h2{font-size:clamp(43px,5vw,67px);line-height:1.08;margin:0}.section-intro p,.details-head p{color:var(--muted);font-size:16px;line-height:1.75;max-width:400px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.feature{background:#fff;border:1px solid var(--line);padding:27px;min-height:445px;display:flex;flex-direction:column}.feature-top{display:flex;justify-content:space-between;color:var(--accent);font-size:11px;letter-spacing:.12em}.feature-top span:last-child{font-size:19px}.feature-visual{height:190px;margin:25px 0 30px;position:relative;overflow:hidden}.project-visual{background:#eee9e2;display:flex;align-items:center;justify-content:center}.project-swatch{height:110px;width:80px;box-shadow:0 10px 20px #51443823;position:absolute;transform:rotate(-9deg) translateX(-70px);background:#b57966}.swatch-two{background:#dec4b3;transform:rotate(5deg) translateX(0);z-index:2}.swatch-three{background:#484b43;transform:rotate(13deg) translateX(70px)}.text-visual{background:#a85940;color:#fff;display:grid;place-items:center;text-align:center;font-family:var(--serif);font-size:37px;line-height:.9}.text-visual em{font-weight:400}.effect-chip{position:absolute;right:14px;bottom:14px;background:#fff;color:var(--accent);font:600 10px var(--sans);padding:7px 9px;letter-spacing:.1em}.grid-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#e6ded3}.grid-visual span:nth-child(1),.grid-visual span:nth-child(6){background:#c7a68d}.grid-visual span:nth-child(2){background:#755e50}.grid-visual span:nth-child(3){background:#f4e7d6}.grid-visual span:nth-child(4){background:#8d9a8d}.grid-visual span:nth-child(5){background:#d5c1ad}.feature h3{font-family:var(--serif);font-size:25px;font-weight:400;margin-bottom:11px;letter-spacing:-.035em}.feature p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.manifesto{background:#28231f;color:#f8f5ee;overflow:hidden}.manifesto-inner{min-height:445px;display:grid;grid-template-columns:160px 1fr 180px;gap:40px;align-items:center;position:relative}.manifesto-index{font-size:10px;letter-spacing:.18em;color:#9d928a;align-self:start;margin-top:80px}.manifesto .eyebrow{color:#d28166}.manifesto .eyebrow-line{background:#d28166}.manifesto h2{font-size:clamp(44px,5vw,72px);line-height:1.08;max-width:760px;margin:25px 0}.manifesto h2 em{color:#d28166}.manifesto p{max-width:590px;color:#b8aca2;line-height:1.7}.manifesto-symbol{font-family:var(--serif);font-size:260px;color:#8d4e3a;opacity:.28;transform:rotate(-18deg)}.details-head{display:grid;grid-template-columns:1fr 370px;gap:50px;align-items:end;margin-bottom:50px}.details-head .eyebrow{margin-bottom:25px}.detail-list{border-top:1px solid var(--line)}.detail-row{display:grid;grid-template-columns:80px 1fr 1.1fr 30px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.detail-row>span:first-child{font-size:11px;color:var(--accent)}.detail-row h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:0}.detail-row p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.row-arrow{color:var(--accent);font-size:19px}.status-note{font-size:12px;color:var(--muted);margin:30px 0 0}.closing{background:#e9e0d4}.closing-inner{min-height:420px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}.closing h2{font-size:clamp(45px,5vw,70px);line-height:1.1;max-width:650px;margin:23px 0 15px}.closing h2 em{color:var(--accent)}.closing p{color:#6e6259;max-width:500px;line-height:1.7}.closing .button-primary{margin-top:15px}.footer{padding:62px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-mark{font-size:18px}.footer-top p{font-size:12px;line-height:1.6;color:var(--muted);max-width:270px;margin:15px 0 0}.footer-links{display:flex;gap:30px;align-items:flex-start}.footer-links button{padding:0;border:0;background:none}.footer-bottom{border-top:1px solid var(--line);margin-top:58px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8f857c;line-height:1.5}.footer-bottom span:last-child{max-width:450px;text-align:right}dialog{width:min(620px,calc(100% - 30px));max-height:80vh;border:1px solid var(--line);box-shadow:0 25px 70px #2a201d40;padding:35px 42px;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:#1d1917a8}.dialog-close{position:absolute;right:20px;top:12px;border:0;background:none;font-size:27px;color:var(--muted)}#legal-content h2{font-size:38px;margin:0 0 20px}#legal-content h3{font-family:var(--serif);font-size:21px;font-weight:400;margin:24px 0 8px}#legal-content p,#legal-content li{font-size:14px;line-height:1.7;color:#655e58}#legal-content a{text-decoration:underline}
@media(max-width:1000px){.main-nav{gap:18px}.hero{grid-template-columns:53% 47%}.hero-art{height:610px}.hero-copy{padding-right:10px}.device{transform:scale(.87) rotate(-5deg) translate(15px,30px)}.floating-card{left:10px}.manifesto-inner{grid-template-columns:100px 1fr 80px}.manifesto-symbol{font-size:170px}.feature{padding:20px}.feature-visual{height:160px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,500px)}.site-header{height:72px;gap:10px}.wordmark{font-size:16px}.main-nav,.header-cta{display:none}.header-actions{margin-left:auto}.hero{display:flex;flex-direction:column}.hero-copy{min-height:470px;width:100%;padding:50px 0 30px}.hero h1{font-size:clamp(58px,13vw,80px);margin:22px 0}.hero-lead{font-size:15px}.hero-actions{margin-top:15px}.hero-metadata{padding-top:48px;width:100%}.hero-art{height:530px;width:calc(100% + 36px);margin:0 -18px}.device{transform:scale(.8) rotate(-5deg) translate(12px,18px)}.floating-card{left:20px;bottom:45px}.section-spacing{padding:78px 0}.section-intro{display:block;margin-bottom:32px}.section-intro h2,.details h2{font-size:46px;margin:20px 0}.section-intro p,.details-head p{font-size:14px}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto}.feature-visual{height:190px}.manifesto-inner{min-height:440px;display:block;padding:65px 0}.manifesto-index{display:none}.manifesto h2{font-size:49px}.manifesto-symbol{position:absolute;right:-35px;bottom:-110px;font-size:200px}.details-head{display:block}.detail-row{grid-template-columns:35px 1fr 24px;gap:12px;align-items:start}.detail-row p{grid-column:2;grid-row:2}.detail-row .row-arrow{grid-column:3;grid-row:1}.closing-inner{min-height:430px}.closing h2{font-size:48px}.footer-top,.footer-bottom{display:block}.footer-links{margin-top:35px;flex-wrap:wrap}.footer-bottom span{display:block;margin-top:10px}.footer-bottom span:last-child{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.button-primary{transition:none}}
