:root{--paper:#f5f4f0;--ink:#191a18;--muted:#74756f;--line:#deddd6;--accent:#9a8063;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--display:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-header{height:78px;padding:0 6.1vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(25,26,24,.08);position:absolute;top:0;left:0;width:100%;z-index:10;background:rgba(245,244,240,.75);backdrop-filter:blur(18px)}.wordmark{font:800 17px/1 var(--display);letter-spacing:-1px}.wordmark span{font-weight:500}.wordmark i{font-style:normal;color:var(--accent)}nav{display:flex;gap:38px;color:#62635e;font-size:12px}nav a:hover,.footer-links a:hover{color:var(--accent)}.header-link{font-size:11px;font-weight:600;border-bottom:1px solid #aaa69e;padding-bottom:4px}.header-link span{padding-left:8px}.hero{min-height:min(850px,100svh);height:780px;max-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 24px 90px;text-align:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,rgba(255,255,255,.95),transparent 51%);pointer-events:none}.hero:after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.hero-glow{position:absolute;width:min(62vw,780px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(204,194,178,.17),transparent 70%);filter:blur(8px);pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:9px;font-weight:700;color:var(--muted)}.hero-kicker{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 33px}.hero-kicker span,.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block}.hero h1,.products-heading h2,.contact h2,.legal h1{font:500 clamp(48px,7.4vw,101px)/1.04 var(--display);letter-spacing:-.075em;margin:0;position:relative}.hero h1 em,.prose h2 em,.products-heading h2 em,.contact h2 em,.legal h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}.hero-copy{color:var(--muted);font-size:14px;margin:27px 0 34px;position:relative}.round-link{width:42px;height:42px;border:1px solid #ceccc5;border-radius:50%;display:grid;place-items:center;font-size:17px;transition:transform .25s,border-color .25s;position:relative}.round-link:hover{transform:translateY(3px);border-color:var(--accent)}.hero-foot{position:absolute;bottom:29px;left:6.1vw;right:6.1vw;display:flex;justify-content:space-between;color:#92928a;text-transform:uppercase;letter-spacing:1.6px;font-size:8px}.section{padding:132px 12vw;display:grid;grid-template-columns:180px 1fr;gap:8vw;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:flex-start;gap:16px;color:#8c8b84;text-transform:uppercase;letter-spacing:1.7px;font-size:9px;padding-top:8px}.section-label span:first-child{color:var(--accent)}.prose{max-width:710px}.prose h2{font:500 clamp(29px,3.6vw,47px)/1.18 var(--display);letter-spacing:-.055em;margin:0 0 42px}.prose>p{max-width:620px;color:#686963;font-size:14px;line-height:1.95;margin:0 0 18px}.prose .manifesto{font:italic 500 20px/1.55 var(--serif);color:var(--ink);margin:30px 0}.prose .signature{margin-top:42px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;font-weight:700;color:var(--ink)}.signature span{font-weight:400;color:var(--muted)}.founder{padding:86px 20vw 94px;display:grid;grid-template-columns:1px 1fr;gap:42px}.founder-rule{background:linear-gradient(var(--accent),transparent)}.founder .eyebrow{margin:0 0 20px}.founder blockquote{font:400 clamp(25px,3.3vw,40px)/1.32 var(--serif);letter-spacing:-.025em;max-width:720px;margin:0}.founder-name{font-size:11px;font-weight:700;margin:26px 0 0}.founder-name span{display:block;font-size:10px;color:var(--muted);font-weight:400}.products{background:#eeede8}.products-main{min-width:0}.products-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:43px;gap:20px}.products-heading h2,.contact h2{font-size:clamp(36px,5vw,62px)}.products-heading>p{font-size:12px;color:var(--muted);max-width:215px;margin:0 0 7px}.product-list{display:flex;flex-direction:column;gap:13px}.product-card{display:block;padding:27px 30px 25px;border:1px solid rgba(49,48,43,.13);border-radius:3px;background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(250,249,246,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 5px 22px rgba(38,36,30,.025);transition:transform .25s,border-color .25s}.product-card[href]:hover{transform:translateY(-3px);border-color:rgba(154,128,99,.55)}.product-top{display:flex;justify-content:space-between;align-items:center}.product-index{font-size:8px;letter-spacing:1.7px;color:#8b8b84;font-weight:700}.status{font-size:9px;color:#787971}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b19473;margin-right:7px;vertical-align:1px}.product-card h3{font:600 28px/1.2 var(--display);letter-spacing:-1.3px;margin:21px 0 8px}.arrow{font:400 15px var(--sans);color:var(--accent);margin-left:10px;opacity:0;transition:opacity .2s}.product-card[href]:hover .arrow{opacity:1}.product-card>p{font-size:12px;line-height:1.8;color:#73746d;max-width:635px;margin:0}.product-visit{display:inline-block;border-bottom:1px solid #bcb8ae;padding-bottom:3px;margin-top:18px;font-size:10px;font-weight:600}.product-visit span{color:var(--accent);margin-left:7px}.topics{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.topics span{border:1px solid #e5e3dc;border-radius:20px;padding:4px 9px;color:#77776f;font-size:9px}.future-card{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:24px 30px;border:1px solid rgba(49,48,43,.1);background:rgba(255,255,255,.25);font-size:11px;color:#77776f}.future-card b{text-align:right;color:#9a8063;font-size:10px;font-weight:600}.future-card b i{font-style:normal;margin-left:8px}.contact{padding-top:120px;padding-bottom:125px}.contact-body h2{margin-bottom:24px}.contact-body>p{font-size:12px;color:var(--muted)}.contact-link{display:inline-block;margin-top:10px;padding-bottom:7px;border-bottom:1px solid #c8c5bc;font-size:17px;font-family:var(--display)}.contact-link span{font-size:12px;color:var(--accent);margin-left:8px}.contact-body .publisher{font-size:10px;line-height:1.9;margin-top:53px}.publisher a{text-decoration:underline;text-underline-offset:3px}footer{min-height:92px;padding:23px 6.1vw;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;border-top:1px solid rgba(25,26,24,.06)}.footer-mark{font-size:14px}.copyright,.footer-note{color:#92928a;font-size:9px}.footer-links{display:flex;gap:20px;font-size:10px;color:#686963}.footer-note{text-align:right}.legal{max-width:780px;margin:0 auto;padding:160px 32px 100px}.legal h1{font-size:clamp(48px,7vw,75px);margin:17px 0 22px}.legal .eyebrow{display:flex;align-items:center;gap:10px}.legal-intro{font:20px/1.6 var(--serif);color:#6e6e67;margin:0 0 37px}.legal .notice{padding:20px 24px;border:1px solid #d8c9b7;background:#f0ece5;margin-bottom:45px;font-size:12px}.notice strong{font-size:11px}.notice p{color:#696961;margin:5px 0 0}.legal h2{font:600 19px/1.3 var(--display);letter-spacing:-.4px;margin:38px 0 9px}.legal p{font-size:13px;line-height:1.9;color:#666760}.legal a:not(.wordmark){text-decoration:underline;text-decoration-color:#c1b6a7;text-underline-offset:3px}.legal .effective{border-top:1px solid var(--line);padding-top:20px;margin-top:40px;font-size:10px;color:#88877f}@media(max-width:760px){.site-header{height:67px;padding:0 22px}.site-header nav{display:none}.wordmark{font-size:15px}.header-link{font-size:10px}.hero{height:calc(91svh);min-height:600px;padding-top:110px}.hero h1{font-size:clamp(47px,11vw,77px)}.hero-copy{max-width:290px;font-size:13px}.hero-foot{left:22px;right:22px;font-size:7px}.section{padding:86px 25px;grid-template-columns:1fr;gap:36px}.section-label{padding:0}.prose h2{font-size:34px}.prose>p{font-size:13px}.founder{padding:68px 27px 75px;grid-template-columns:1px 1fr;gap:24px}.products-heading{align-items:flex-start;flex-direction:column;gap:12px}.products-heading>p{max-width:290px}.product-card{padding:22px 19px}.product-top{gap:10px;align-items:flex-start}.product-index{font-size:7px}.status{font-size:8px;text-align:right}.product-card h3{font-size:25px}.future-card{padding:20px 17px;grid-template-columns:1fr 1fr;gap:11px}.future-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.future-card b{grid-column:2;grid-row:1}.contact{padding-top:85px;padding-bottom:90px}footer{padding:23px;grid-template-columns:1fr 1fr;row-gap:18px}.footer-links{justify-content:flex-end;gap:14px}.footer-note{text-align:right}.legal{padding:124px 24px 75px}.legal-intro{font-size:18px}}@media(max-width:390px){.hero h1{font-size:43px}.future-card .product-index{letter-spacing:1px}.topics{gap:5px}.topics span{font-size:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Compact, accessible mobile navigation. */
.menu-toggle{display:none;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--ink);font:600 10px var(--sans);padding:8px 11px;cursor:pointer}
@media(max-width:760px){.site-header nav{display:none;position:absolute;left:0;right:0;top:66px;padding:13px 22px 19px;background:rgba(245,244,240,.97);border-bottom:1px solid var(--line);flex-direction:column;gap:0}.site-header nav a{padding:11px 0;border-bottom:1px solid rgba(25,26,24,.07)}.site-header nav a:last-child{border:0}.site-header nav.is-open{display:flex}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:17px}.site-header .header-link{white-space:nowrap}}
/* Prevent the desktop navigation from clipping at intermediate widths. */
@media(min-width:761px) and (max-width:1150px){.site-header{padding-left:32px;padding-right:32px;gap:20px}.site-header nav{gap:clamp(14px,2.3vw,25px)}.site-header .header-link{display:none}}

@media(min-width:761px) and (max-width:1400px){.site-header{padding-left:5vw;padding-right:5vw}.site-header .header-link{display:none}.site-header nav{gap:clamp(16px,2.4vw,30px)}footer{grid-template-columns:1fr 1fr;row-gap:14px}.footer-links{justify-content:flex-end}.footer-note{grid-column:2;text-align:right}}

@media(min-width:761px){.site-header nav{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}}
/* Native disclosure cards keep the product showcase lightweight and keyboard accessible. */
.product-card{padding:0;overflow:hidden}
.product-summary{display:block;list-style:none;padding:27px 30px 24px;cursor:pointer}
.product-summary::-webkit-details-marker{display:none}
.product-summary:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
.product-summary h3{display:flex;align-items:center;justify-content:space-between}
.product-summary .arrow{opacity:.7;font-size:16px}
.product-summary .expand-cue{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:12px;border-top:1px solid rgba(49,48,43,.08);color:#77776f;font-size:10px}
.expand-cue span{font-size:15px;color:var(--accent);transition:transform .2s}
.product-card[open] .expand-cue span{transform:rotate(45deg)}
.product-details{padding:0 30px 26px;border-top:1px solid rgba(49,48,43,.08)}
.product-details>p{font-size:12px;line-height:1.8;color:#73746d;max-width:635px;margin:17px 0 0}
.product-details .product-note{font-size:10px;color:#8a8174}
.product-details .product-visit{margin-top:15px}
@media(max-width:760px){.product-summary{padding:22px 19px 20px}.product-details{padding:0 19px 23px}}

/* Restrained reflected highlights give the cards a polished surface without adding imagery. */
.product-card{position:relative}
.product-card::before{content:"";position:absolute;inset:0 14% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);pointer-events:none}
.product-card:hover,.product-card:focus-within{transform:translateY(-2px);border-color:rgba(154,128,99,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 12px 32px rgba(38,36,30,.055)}
.product-card[open]{transform:none}
::selection{background:rgba(154,128,99,.2);color:var(--ink)}
.product-summary>p{font-size:12px;line-height:1.8;color:#73746d;max-width:635px;margin:0}
.product-summary:hover .expand-cue{color:var(--ink)}
.product-card[open]{border-color:rgba(154,128,99,.42)}

/* StudioThirtyTwo pearlescent identity and single-logo hero-to-header flight. */
:root{--paper:#f7f5ef;--ink:#26231f;--muted:#77736c;--line:#e4dfd5;--accent:#aa8d6b;--champagne:#e8d8c0;--silver:#d5d6db;--ice:#e6edf4;--lavender:#eee8f3;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--display:system-ui,-apple-system,'Segoe UI',sans-serif}
html{scroll-padding-top:88px}
body{position:relative;isolation:isolate;background:var(--paper);color:var(--ink)}
.ambient-prism{position:fixed;inset:-18%;z-index:0;pointer-events:none;opacity:.76;background:radial-gradient(ellipse at var(--prism-x,22%) var(--prism-y,16%),rgba(232,220,201,.26),transparent 35%),radial-gradient(ellipse at calc(100% - var(--prism-x,22%)) calc(100% - var(--prism-y,16%)),rgba(218,228,241,.2),transparent 34%),radial-gradient(ellipse at 70% 24%,rgba(235,228,244,.14),transparent 34%);filter:blur(22px);will-change:background-position}
main,footer{position:relative;z-index:1}
.site-header{height:84px;padding:0 6.1vw;position:fixed;inset:0 0 auto;z-index:15;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(249,247,242,.72));border-bottom:1px solid rgba(196,184,166,.28);box-shadow:0 8px 30px rgba(91,77,59,.025);backdrop-filter:blur(22px) saturate(1.08);-webkit-backdrop-filter:blur(22px) saturate(1.08);transition:background-color .3s,border-color .3s,box-shadow .3s}
.page-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width:min(170px,30vw);line-height:0;z-index:17}.page-logo img{display:block;width:100%;height:auto}@media(max-width:760px){.page-logo{width:min(136px,36vw)}}
.site-header.is-scrolled{background:rgba(250,248,244,.88);border-bottom-color:rgba(190,179,163,.38);box-shadow:0 8px 28px rgba(63,54,44,.045)}
.site-header nav{position:static;left:auto;transform:none;margin-right:auto;gap:clamp(20px,3vw,42px);color:#625e57;font-size:11px;z-index:18}
.site-header nav a{transition:color .2s}
.site-header nav a:hover,.footer-links a:hover{color:#9a7e5d}
.site-header .header-link{font-size:10px;border-color:rgba(150,129,103,.55);padding-bottom:5px;z-index:18}
.flying-logo{position:fixed;left:50%;top:0;z-index:17;display:block;width:min(88vw,970px);line-height:0;transform-origin:center center;will-change:translate,scale;filter:drop-shadow(0 10px 24px rgba(149,132,112,.09));}
.flying-logo img{display:block;width:100%;height:auto}
.flying-logo:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:8px}
.hero{height:100svh;min-height:650px;max-height:none;padding:100px 24px 82px;justify-content:center;isolation:isolate;background:radial-gradient(ellipse at 50% 37%,rgba(255,255,255,.86),transparent 52%),linear-gradient(145deg,rgba(248,246,241,.86),rgba(244,242,237,.54) 47%,rgba(247,245,240,.92))}
.hero:before{inset:5% 12% 13%;background:radial-gradient(ellipse at 48% 43%,rgba(255,255,255,.7),transparent 54%),radial-gradient(ellipse at 60% 42%,rgba(225,233,243,.25),transparent 45%),radial-gradient(ellipse at 38% 50%,rgba(237,229,242,.18),transparent 47%);filter:blur(4px)}
.hero:after{left:10%;right:10%;background:linear-gradient(90deg,transparent,rgba(196,181,159,.56),rgba(218,221,226,.62),rgba(197,184,167,.5),transparent)}
.hero-glow{width:min(86vw,1050px);background:radial-gradient(ellipse,rgba(255,255,255,.9) 0%,rgba(236,230,220,.34) 36%,rgba(218,225,237,.16) 52%,transparent 72%);filter:blur(20px)}
.hero-kicker{margin:0 0 clamp(10px,2vh,18px);color:#817a70;letter-spacing:2.1px;font-size:9px;z-index:1}
.hero-kicker span{background:linear-gradient(135deg,#a88d6b,#d8c8b3,#aeb9ca)}
.hero-logo-slot{width:min(88vw,970px);aspect-ratio:3/1;flex:0 0 auto;position:relative;z-index:1}
.hero-slogan{position:relative;z-index:1;margin:clamp(7px,1.7vh,15px) 0 0;color:#4b433b;font:500 clamp(22px,3.1vw,34px)/1.16 var(--display);letter-spacing:-.045em;text-wrap:balance}
.hero-copy{z-index:1;max-width:470px;margin:14px 0 24px;color:#77736d;font-size:13px;line-height:1.8}
.round-link{z-index:1;border-color:rgba(177,158,134,.5);background:rgba(255,255,255,.34);box-shadow:inset 0 1px rgba(255,255,255,.75),0 5px 18px rgba(114,96,71,.04)}
.round-link:hover{border-color:rgba(170,141,107,.84);box-shadow:0 5px 18px rgba(128,107,80,.11)}
.hero-foot{z-index:1;color:#92897e;letter-spacing:1.8px}
.section{border-bottom-color:rgba(194,184,169,.45)}
.intro{background:linear-gradient(120deg,rgba(255,255,255,.37),rgba(247,245,239,.2) 53%,rgba(234,237,242,.22))}
.section-label{color:#888176}
.section-label span:first-child{color:#aa8d6b}
.prose .signature{border-top-color:rgba(190,180,165,.58)}
.founder{background:linear-gradient(110deg,rgba(255,255,255,.2),rgba(239,234,226,.36),rgba(229,233,240,.22))}
.founder-rule{background:linear-gradient(#b59a78,rgba(208,205,207,.54),transparent)}
.products{background:linear-gradient(132deg,#f0eee8 0%,#f3f1ec 34%,#eceef0 68%,#f1edf3 100%)}
.products-heading>p{color:#77736d}
.product-list{gap:16px}
.product-card,.future-card{position:relative;isolation:isolate;border:1px solid transparent;border-radius:10px;background:linear-gradient(138deg,rgba(255,255,255,.88),rgba(252,250,246,.73) 48%,rgba(242,243,246,.72)) padding-box,linear-gradient(135deg,rgba(255,255,255,.95),rgba(207,190,165,.48) 28%,rgba(203,211,222,.66) 57%,rgba(228,217,234,.55) 78%,rgba(255,255,255,.92)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.96),inset 0 -1px rgba(198,188,174,.1),0 12px 34px rgba(69,61,51,.045);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.product-card::before{inset:0;z-index:0;opacity:.58;background:linear-gradient(112deg,transparent 16%,rgba(255,255,255,.72) 43%,rgba(232,238,246,.26) 49%,rgba(239,232,245,.2) 53%,transparent 72%);transform:translateX(-115%);transition:transform .95s cubic-bezier(.2,.65,.25,1);pointer-events:none}
.product-card::after{content:"";position:absolute;z-index:0;inset:0 0 auto;height:54%;background:radial-gradient(ellipse at 30% 0%,rgba(255,255,255,.64),transparent 66%);opacity:.54;pointer-events:none}
.product-card:hover,.product-card:focus-within{transform:translateY(-3px);border-color:transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 18px 42px rgba(69,61,51,.085)}
.product-card:hover::before,.product-card:focus-within::before{transform:translateX(115%)}
.product-card[open]{transform:none}
.product-summary,.product-details{position:relative;z-index:1}
.product-summary{padding:30px 32px 26px}
.product-card h3{color:#282520;font-size:30px;letter-spacing:-1.4px}
.product-summary .arrow{color:#a68b6a}
.product-summary .expand-cue{border-top-color:rgba(182,168,149,.26);color:#726b62}
.product-summary .expand-cue span{color:#a68b6a}
.product-details{border-top-color:rgba(182,168,149,.25)}
.product-details>p{color:#69665f}
.topics span{border-color:rgba(190,181,167,.47);background:rgba(255,255,255,.32)}
.future-card{padding:26px 30px;border-radius:10px;background:linear-gradient(130deg,rgba(255,255,255,.46),rgba(249,247,243,.3) 55%,rgba(230,234,241,.3)) padding-box,linear-gradient(135deg,rgba(255,255,255,.85),rgba(208,194,173,.34),rgba(204,214,226,.5),rgba(230,219,237,.4)) border-box}
.future-card b{color:#9e8363}
.contact{background:radial-gradient(ellipse at 74% 32%,rgba(230,235,242,.34),transparent 44%),linear-gradient(105deg,rgba(255,255,255,.18),rgba(245,242,235,.12))}
footer{border-top-color:rgba(194,184,169,.38);background:rgba(255,255,255,.2)}
.footer-links a{transition:color .2s}
.legal{position:relative;z-index:1}
.legal .notice{border-color:rgba(185,160,127,.5);background:linear-gradient(125deg,rgba(255,255,255,.78),rgba(244,239,231,.72) 62%,rgba(235,237,243,.6));box-shadow:inset 0 1px rgba(255,255,255,.8),0 12px 30px rgba(67,57,46,.035)}
.menu-toggle{border-color:rgba(183,168,147,.48);background:rgba(255,255,255,.36);border-radius:4px}
.menu-toggle:focus-visible,.site-header a:focus-visible,.footer-links a:focus-visible{outline:2px solid #9d805d;outline-offset:4px}
@media(max-width:760px){
  html{scroll-padding-top:74px}
  .site-header{height:68px;padding:0 19px;gap:0}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:67px;padding:13px 22px 19px;background:rgba(249,247,242,.97);border-bottom:1px solid rgba(194,184,169,.42);box-shadow:0 12px 26px rgba(74,63,50,.07);flex-direction:column;gap:0}
  .site-header nav a{padding:12px 0;border-bottom:1px solid rgba(181,168,150,.2)}
  .site-header nav a:last-child{border:0}
  .site-header nav.is-open{display:flex}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;z-index:20}
  .site-header .header-link{display:block;margin-left:auto;font-size:9px}
  .hero{height:100svh;min-height:620px;padding:88px 22px 72px}
  .hero-logo-slot{width:min(88vw,970px)}
  .hero-slogan{font-size:clamp(21px,6vw,27px)}
  .hero-copy{max-width:300px;font-size:12px;margin:12px 0 22px}
  .hero-foot{left:22px;right:22px;font-size:7px;letter-spacing:1.35px}
  .section{background-color:transparent}
  .products{background:linear-gradient(142deg,#f0eee8,#eeeff0 65%,#f1edf3)}
  .product-summary{padding:24px 20px 22px}
  .product-details{padding:0 20px 23px}
  .product-card h3{font-size:27px}
  .future-card{padding:21px 18px}
}
@media(max-width:390px){
  .site-header{padding:0 14px}
  .site-header .header-link{font-size:8px}
  .menu-toggle{padding:7px 9px}
  .hero-logo-slot{width:90vw}
  .hero-slogan{font-size:21px}
  .product-summary{padding-left:17px;padding-right:17px}
}
@media(max-width:360px){.site-header .header-link{display:none}}
@media(prefers-reduced-motion:reduce){
  .ambient-prism{filter:none;opacity:.48}
  .product-card,.product-card::before,.site-header,.round-link,.site-header nav a,.footer-links a{transition:none!important}
}
/* Continuous pearlescent surface system: restrained, connected light across every section. */
:root{--pearl:#f6f3ed;--pearl-shadow:#ece9e3;--ink:#26231f;--muted:#68645e;--champagne:#c8ae8b;--silver:#d9dce0;--ice:#e5edf2;--lilac:#eee8f1;--rose:#f2e6e4;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,'Segoe UI',sans-serif;--display:system-ui,-apple-system,'Segoe UI',sans-serif}
html{scroll-padding-top:82px;scroll-behavior:smooth}
body{background:linear-gradient(180deg,#f9f7f2 0%,#f1eee8 18%,#f7f5f0 38%,#efeee9 58%,#f6f3ed 78%,#f1eee8 100%);color:var(--ink)}
.ambient-prism{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.44;background:radial-gradient(ellipse at var(--prism-x,35%) var(--prism-y,15%),rgba(233,221,202,.35),transparent 32%),radial-gradient(ellipse at calc(100% - var(--prism-x,35%)) calc(100% - var(--prism-y,15%)),rgba(218,231,242,.28),transparent 34%),radial-gradient(ellipse at 60% 62%,rgba(239,226,235,.19),transparent 38%);will-change:background-position}
main,footer{position:relative;z-index:1}
.site-header{height:78px;padding:0 6vw;position:fixed;inset:0 0 auto;z-index:15;background:rgba(250,248,244,.84);border-bottom:1px solid rgba(176,163,144,.23);box-shadow:0 7px 28px rgba(72,63,50,.04);backdrop-filter:blur(15px) saturate(1.04);-webkit-backdrop-filter:blur(15px) saturate(1.04);transition:background-color .25s,border-color .25s,box-shadow .25s}
.site-header.is-scrolled{background:rgba(249,247,242,.93);box-shadow:0 7px 28px rgba(72,63,50,.07)}
.site-header nav{position:absolute;left:50%;transform:translateX(-50%);margin:0;gap:clamp(20px,3.4vw,48px);font-size:11px;z-index:18;white-space:nowrap}
.site-header .header-link{font-size:10px;z-index:18}
.flying-logo{position:fixed;left:50%;top:0;z-index:17;display:block;width:min(86vw,900px);line-height:0;transform-origin:center center;will-change:translate,scale;filter:drop-shadow(0 8px 18px rgba(132,116,97,.08))}
.flying-logo img{display:block;width:100%;height:auto}
.flying-logo:focus-visible{outline:2px solid #987d5b;outline-offset:7px}
.hero{height:min(760px,94svh);min-height:600px;max-height:760px;padding:96px 24px 72px;justify-content:center;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 39%,rgba(255,255,255,.8),transparent 54%),linear-gradient(135deg,rgba(250,248,243,.84),rgba(237,237,235,.55) 51%,rgba(247,244,241,.84))}
.hero:before{inset:3% 9% 9%;background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,.74),transparent 53%),radial-gradient(ellipse at 26% 48%,rgba(221,232,241,.22),transparent 43%),radial-gradient(ellipse at 77% 51%,rgba(239,224,234,.16),transparent 43%);filter:none;animation:pearl-breathe 14s ease-in-out infinite alternate}
.hero:after{left:8%;right:8%;background:linear-gradient(90deg,transparent,rgba(193,176,151,.46),rgba(208,212,219,.53),rgba(225,207,218,.27),transparent)}
.hero-glow{width:min(74vw,820px);background:radial-gradient(ellipse,rgba(255,255,255,.84),rgba(226,231,236,.16) 45%,transparent 71%);filter:none}
.hero-kicker{margin:0 0 8px;z-index:1;color:#746b60;font-size:9px;letter-spacing:2px}
.hero-logo-slot{width:min(82vw,850px);aspect-ratio:3/1;flex:0 0 auto;position:relative;z-index:1}
.hero-slogan{position:relative;z-index:1;margin:5px 0 0;color:#4a443d;font:500 clamp(20px,2.5vw,29px)/1.18 var(--display);letter-spacing:-.035em;text-wrap:balance}
.hero-copy{z-index:1;max-width:430px;margin:10px 0 17px;color:#68645e;font-size:12px;line-height:1.75}
.round-link{z-index:1;border-color:rgba(169,150,124,.47);background:rgba(255,255,255,.3);box-shadow:inset 0 1px rgba(255,255,255,.8),0 5px 17px rgba(90,76,58,.035)}
.hero-foot{z-index:1;color:#827a71;letter-spacing:1.55px}
/* A narrow light sweep sits above the artwork without changing its pixels. */
.hero-logo-slot:before{content:"";position:absolute;inset:17% 7%;pointer-events:none;background:linear-gradient(108deg,transparent 10%,rgba(255,255,255,.17) 43%,rgba(228,235,242,.12) 49%,rgba(247,235,237,.1) 54%,transparent 74%);mix-blend-mode:screen;filter:blur(10px);opacity:.56;animation:logo-sheen 12s ease-in-out infinite}
.section{position:relative;padding:84px max(7vw,40px);grid-template-columns:160px minmax(0,1fr);gap:6vw;border-bottom:1px solid rgba(178,168,152,.32);background:linear-gradient(110deg,rgba(255,255,255,.19),rgba(247,244,238,.12) 38%,rgba(226,232,239,.16) 72%,rgba(241,232,237,.12));}
.intro{padding-top:83px;padding-bottom:82px}
.section-label{color:#756e64}.section-label span:first-child{color:#9a7d5c}
.prose{max-width:860px}.prose h2{font-size:clamp(30px,3.2vw,43px);margin-bottom:28px}.prose>p{max-width:760px;font-size:13px;line-height:1.82;margin-bottom:13px;color:#55534f}.prose .manifesto{font-size:18px;margin:22px 0}.prose .signature{margin-top:27px;padding-top:14px;border-color:rgba(176,163,144,.42)}
.founder{padding:46px max(10vw,70px) 50px;grid-template-columns:1px minmax(0,800px);gap:30px;background:linear-gradient(105deg,rgba(244,239,231,.57),rgba(236,237,239,.45) 53%,rgba(243,233,237,.34));}
.founder .eyebrow{margin-bottom:11px}.founder blockquote{font-size:clamp(24px,2.65vw,35px);line-height:1.28}.founder-name{margin-top:17px}
.products{padding-top:86px;padding-bottom:92px;background:linear-gradient(112deg,rgba(235,232,225,.83),rgba(238,239,240,.82) 48%,rgba(241,235,241,.78));}
.products-heading{align-items:end;margin-bottom:27px}.products-heading h2{font-size:clamp(34px,4.1vw,54px)}.products-heading>p{max-width:260px;color:#66615b}
.product-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.product-card{min-width:0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:13px;padding:0;background:linear-gradient(148deg,rgba(255,255,255,.9),rgba(250,248,243,.78) 49%,rgba(239,240,242,.78)) padding-box,linear-gradient(135deg,rgba(255,255,255,.96),rgba(196,177,149,.5) 25%,rgba(196,207,219,.58) 55%,rgba(227,210,222,.46) 78%,rgba(255,255,255,.92)) border-box;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 15px 35px rgba(65,57,47,.06);transition:transform .32s ease,box-shadow .32s ease}
.product-card:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.53;background:linear-gradient(115deg,transparent 14%,rgba(255,255,255,.66) 43%,rgba(223,234,243,.23) 49%,rgba(243,226,234,.17) 53%,transparent 75%);transform:translateX(-112%);transition:transform .85s cubic-bezier(.2,.65,.25,1)}
.product-card[data-product="creator"]{background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,250,249,.8) 48%,rgba(241,238,242,.79)) padding-box,linear-gradient(135deg,rgba(255,255,255,.97),rgba(188,211,213,.55),rgba(225,199,208,.48),rgba(221,222,228,.67)) border-box}
.product-card[data-product="alfred"]{background:linear-gradient(145deg,rgba(255,255,255,.91),rgba(251,247,240,.81) 48%,rgba(242,239,235,.8)) padding-box,linear-gradient(135deg,rgba(255,255,255,.98),rgba(216,195,163,.56),rgba(216,211,201,.49),rgba(230,220,208,.64)) border-box}
.product-card:hover,.product-card:focus-within{transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.98),0 22px 46px rgba(58,51,43,.1)}
.product-card:hover:after,.product-card:focus-within:after{transform:translateX(112%)}.product-card[open]{transform:none}
.product-summary,.product-details{position:relative;z-index:1}.product-summary{display:block;list-style:none;padding:26px 27px 24px;cursor:pointer}.product-summary::-webkit-details-marker{display:none}.product-summary:focus-visible{outline:2px solid #947756;outline-offset:-5px;border-radius:12px}
.product-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.product-index{font-size:8px;letter-spacing:1.6px;color:#6f685e}.status{font-size:9px;color:#706a62}.status i{background:linear-gradient(135deg,#b99d78,#b7c9cb);box-shadow:0 0 0 3px rgba(211,204,192,.18)}
.product-card h3{margin:24px 0 10px;color:#282520;font-size:31px;letter-spacing:-1.3px}.product-card[data-product="creator"] h3{color:#343c3d}.product-card[data-product="alfred"] h3{color:#4b4035}.product-card>p,.product-summary>p{font-size:12px;color:#5e5b55;max-width:410px;line-height:1.78}.product-summary .expand-cue{margin-top:22px;padding-top:13px;border-top-color:rgba(166,151,130,.32);color:#625d55;font-size:10px}.expand-cue span{color:#967b5c}.product-card[open] .expand-cue span{transform:rotate(45deg)}
.product-details{border-top:1px solid rgba(166,151,130,.24);padding:0 27px 24px}.product-details>p{margin:15px 0 0;color:#58554f;font-size:12px;line-height:1.8}.topics{gap:7px}.topics span{border-color:rgba(177,167,151,.4);background:rgba(255,255,255,.3);color:#625d55}.product-details .product-note{font-size:10px}
.future-card{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:18px 24px;border:1px solid rgba(182,171,154,.34);border-radius:10px;background:linear-gradient(110deg,rgba(255,255,255,.38),rgba(237,238,238,.32),rgba(243,235,240,.33));font-size:11px;color:#625e57}.future-card b{color:#88765e}
.contact{padding-top:73px;padding-bottom:74px;background:linear-gradient(106deg,rgba(248,246,240,.7),rgba(235,238,241,.55) 53%,rgba(244,235,239,.5));}.contact-body h2{font-size:clamp(35px,4.2vw,55px);margin-bottom:17px}.contact-body>p{font-size:12px;color:#595750;margin:10px 0}.contact-body .publisher{font-size:10px;margin-top:22px}.publisher a{text-decoration-color:rgba(151,126,93,.55)}
footer{min-height:82px;padding:19px 6vw;border-top-color:rgba(178,168,152,.37);background:linear-gradient(100deg,rgba(246,243,237,.91),rgba(234,236,238,.85) 55%,rgba(242,235,239,.87));}
.legal{position:relative;z-index:1}.legal .notice{border-color:rgba(185,160,127,.47);background:linear-gradient(120deg,rgba(255,255,255,.82),rgba(244,239,231,.74) 58%,rgba(234,237,242,.68));box-shadow:inset 0 1px rgba(255,255,255,.83),0 12px 28px rgba(67,57,46,.04)}
.menu-toggle{border-color:rgba(175,158,134,.45);background:rgba(255,255,255,.3);border-radius:5px}.menu-toggle:focus-visible,.site-header a:focus-visible,.footer-links a:focus-visible{outline:2px solid #917656;outline-offset:4px}
.product-summary{touch-action:manipulation}
/* Low-cost scroll reveals use native intersection observation; content remains visible if unsupported. */
.reveal-ready .reveal{opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.25,1)}
.reveal-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes pearl-breathe{from{opacity:.68}to{opacity:.9}}
@keyframes logo-sheen{0%,23%{transform:translateX(-24%);opacity:.22}67%,100%{transform:translateX(21%);opacity:.52}}
@media(max-width:900px){.section{padding-left:6vw;padding-right:6vw;grid-template-columns:125px minmax(0,1fr);gap:4vw}.product-summary{padding:23px 22px}.product-details{padding-left:22px;padding-right:22px}}
@media(max-width:760px){
  html{scroll-padding-top:72px}.site-header{height:68px;padding:0 18px;gap:0}.site-header nav{display:none;position:absolute;left:0;right:0;top:67px;transform:none;padding:12px 22px 18px;background:rgba(249,247,242,.98);border-bottom:1px solid rgba(194,184,169,.38);box-shadow:0 10px 24px rgba(74,63,50,.06);flex-direction:column;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:11px 0;border-bottom:1px solid rgba(181,168,150,.2)}.site-header nav a:last-child{border:0}.menu-toggle{display:inline-flex;margin:0;z-index:20}.site-header .header-link{margin-left:auto;font-size:9px}
  .hero{height:min(700px,90svh);min-height:570px;padding:88px 20px 67px}.hero-logo-slot{width:min(90vw,680px)}.hero-kicker{font-size:8px}.hero-slogan{font-size:clamp(20px,5.5vw,26px)}.hero-copy{font-size:11px;margin:9px 0 15px;max-width:300px}.hero-foot{left:21px;right:21px;font-size:6px;letter-spacing:1.2px}
  .section{padding:60px 23px;grid-template-columns:1fr;gap:22px}.intro{padding-top:62px;padding-bottom:62px}.section-label{padding:0}.prose h2{font-size:31px;margin-bottom:21px}.prose>p{font-size:12px;line-height:1.82}.prose .signature{margin-top:20px}.founder{padding:38px 27px 40px;grid-template-columns:1px 1fr;gap:21px}.founder blockquote{font-size:25px}
  .products{padding:62px 22px 67px}.products-heading{margin-bottom:21px}.products-heading h2{font-size:36px}.products-heading>p{font-size:11px}.product-list{grid-template-columns:1fr;gap:14px}.product-summary{padding:22px 19px 20px}.product-details{padding:0 19px 21px}.product-card h3{font-size:27px;margin-top:19px}.product-summary .expand-cue{margin-top:16px}
  .future-card{grid-template-columns:1fr auto;gap:8px 14px;padding:16px 18px}.future-card>span:nth-child(2){grid-column:1/-1;grid-row:2}.future-card b{grid-column:2;grid-row:1}.contact{padding:58px 23px 60px}.contact-body h2{font-size:38px}.contact-body .publisher{margin-top:17px}
  footer{padding:18px 21px;grid-template-columns:1fr 1fr;row-gap:13px}.footer-links{justify-content:flex-end;gap:12px;font-size:9px}.footer-note{text-align:right}.site-header nav.is-open{z-index:21}
}
@media(max-width:390px){.site-header{padding:0 14px}.site-header .header-link{font-size:8px}.hero-slogan{font-size:20px}.products-heading h2{font-size:33px}.topics span{font-size:8px}}
@media(min-width:761px) and (max-width:1150px){.site-header{padding-left:28px;padding-right:28px;gap:16px}.site-header .header-link{display:none}.site-header nav{gap:22px}.section{padding-left:6vw;padding-right:6vw;grid-template-columns:122px minmax(0,1fr);gap:4vw}.product-list{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before,.hero-logo-slot:before{animation:none!important}.reveal-ready .reveal{opacity:1!important;transform:none!important;transition:none!important}.product-card,.product-card:after,.site-header,.round-link,.site-header nav a{transition:none!important}}
@media(hover:none){.product-card:hover{transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 15px 35px rgba(65,57,47,.06)}.product-card:hover:after{transform:translateX(-112%)}}
/* Header logo flight shares one fixed, centered image between hero and reserved header slot. */
.site-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,auto) minmax(0,1fr);align-items:center;padding:0 clamp(24px,5vw,76px);gap:18px}
.site-header .header-group{min-width:0;display:flex;align-items:center;gap:16px}
.site-header .header-group-left{justify-content:flex-start}
.site-header .header-group-right{justify-content:flex-end}
.site-header nav{position:static;left:auto;transform:none;margin:0;display:flex;gap:clamp(17px,2vw,30px);white-space:nowrap}
.site-header .flying-logo{position:fixed;left:50%;top:0;width:min(86vw,900px);display:block;line-height:0;transform-origin:center center;will-change:translate,scale;z-index:17;filter:drop-shadow(0 8px 18px rgba(132,116,97,.08))}
.site-header .flying-logo img{display:block;width:100%;height:auto}
.site-header .flying-logo:focus-visible{outline:2px solid #987d5b;outline-offset:7px}
/* Keep the logo reserved slot clear even while the flying mark is between sizes. */
.site-header:after{content:"";position:absolute;z-index:16;left:50%;top:0;height:100%;width:clamp(230px,21vw,300px);transform:translateX(-50%);pointer-events:none;background:linear-gradient(90deg,rgba(249,247,242,.92),rgba(249,247,242,.98) 20%,rgba(249,247,242,.98) 80%,rgba(249,247,242,.92));opacity:0;transition:opacity .15s}
.site-header.is-scrolled:after{opacity:1}
.site-header .flying-logo{z-index:17}
.site-header nav,.site-header .header-group-right{z-index:18}
.footer-logo{display:block;width:min(142px,100%);line-height:0;opacity:.92;transition:opacity .2s}
.footer-logo img{display:block;width:100%;height:auto}
.footer-logo:hover{opacity:1}
footer{grid-template-columns:1fr 1fr 1.2fr auto;gap:22px}
@media(min-width:761px) and (max-width:1100px){.site-header{grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);padding:0 25px;gap:12px}.site-header nav{gap:15px}.site-header nav a{font-size:10px}.site-header .header-link{display:none}.footer-logo{width:125px}}
@media(max-width:760px){.site-header{grid-template-columns:1fr 1fr 1fr;height:68px;padding:0 16px;gap:8px}.site-header .header-group-left{justify-content:flex-start}.site-header .header-group-right{justify-content:flex-end}.site-header .header-group-right .header-link{display:none}.site-header nav{display:none;position:absolute;left:0;right:0;top:67px;transform:none;padding:12px 22px 18px;background:rgba(249,247,242,.98);border-bottom:1px solid rgba(194,184,169,.38);box-shadow:0 10px 24px rgba(74,63,50,.06);flex-direction:column;gap:0}.site-header nav.is-open{display:flex}.site-header nav a{padding:11px 0;border-bottom:1px solid rgba(181,168,150,.2)}.site-header nav a:last-child{border:0}.site-header:after{height:68px;width:150px}.site-header .flying-logo{width:min(37vw,132px)}.menu-toggle{display:inline-flex;z-index:20}.footer-logo{width:min(122px,100%)}footer{grid-template-columns:1fr 1fr;align-items:center}.footer-mark{display:none}}
@media(max-width:390px){.site-header{padding:0 12px;grid-template-columns:1fr 1fr 1fr}.site-header:after{width:130px}.site-header .flying-logo{width:min(34vw,120px)}.menu-toggle{padding:7px 9px}.footer-logo{width:105px}.footer-links{gap:9px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.site-header:after,.footer-logo{transition:none}}
/* Subtle material response: thin directional specular travel follows the existing scroll light. */
.ambient-prism{background:radial-gradient(ellipse at var(--prism-x,35%) var(--prism-y,15%),rgba(239,226,205,.32),transparent 29%),radial-gradient(ellipse at calc(100% - var(--prism-x,35%)) calc(100% - var(--prism-y,15%)),rgba(212,228,239,.24),transparent 31%),radial-gradient(ellipse at 67% 52%,rgba(237,222,233,.14),transparent 34%),linear-gradient(118deg,transparent 34%,rgba(255,255,255,.12) 48%,rgba(231,235,239,.08) 51%,transparent 62%);background-size:auto,auto,auto,220% 220%;background-position:center,center,center,var(--sheen-x,42%) var(--sheen-y,50%);opacity:.55}
/* Reserve balanced side columns so the centered flying logo has permanent clearance. */
.site-header{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr)}
.site-header .header-group-left{grid-column:1;grid-row:1}
.site-header .header-group-right{grid-column:3;grid-row:1}
.site-header .flying-logo{left:50vw;position:fixed}
@media(min-width:761px) and (max-width:1100px){.site-header{grid-template-columns:minmax(0,1fr) 214px minmax(0,1fr)}}
@media(max-width:760px){.site-header{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr)}.site-header .flying-logo{left:50vw}}
@media(max-width:390px){.site-header{grid-template-columns:minmax(0,1fr) 134px minmax(0,1fr)}.site-header .flying-logo{left:50vw}}