:root{--ink:#421025;--paper:#f8eedf;--accent:#e55b30;--accent-soft:#f8c78e;--deep:#421025;--product:#4d1429;--product-ink:#fdf3e5;--line:rgba(66,16,37,.18);--serif:"Playfair Display",Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:"DM Mono",monospace}body[data-theme="terracotta"]{--ink:#501b1c;--paper:#fff5e8;--accent:#ce4b2d;--accent-soft:#f2ad58;--deep:#d65330;--product:#501b1c;--product-ink:#fff5e8;--line:rgba(80,27,28,.18)}body[data-theme="dusk"]{--ink:#31111e;--paper:#f2e3d2;--accent:#f1763e;--accent-soft:#d87c67;--deep:#250a17;--product:#250a17;--product-ink:#fff6ea;--line:rgba(49,17,30,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden;transition:background .45s ease,color .45s ease}.noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5.5vw;color:var(--paper)}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;font-size:11px;font-weight:800;letter-spacing:.12em;text-decoration:none}.brand>span:last-child span{color:var(--accent);margin:0 2px}.brand-mark{display:flex;align-items:flex-end;gap:2px;height:16px}.brand-mark i{display:block;width:4px;background:currentColor}.brand-mark i:nth-child(1){height:6px}.brand-mark i:nth-child(2){height:11px}.brand-mark i:nth-child(3){height:16px}nav{display:flex;align-items:center;gap:30px}nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}.nav-cta{padding-bottom:4px;border-bottom:1px solid var(--accent)}.nav-cta b{margin-left:5px;color:var(--accent);font-size:14px}.menu-button{display:none}
.hero{position:relative;min-height:900px;overflow:hidden;padding:194px 5.5vw 44px;color:var(--paper);background:var(--deep);transition:background .45s ease}.hero:before{content:"";position:absolute;top:-185px;right:-90px;width:660px;height:660px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;box-shadow:0 0 0 75px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 150px color-mix(in srgb,var(--accent) 5%,transparent)}.hero:after{content:"";position:absolute;top:164px;right:-6vw;width:43vw;min-width:490px;height:43vw;min-height:490px;border-radius:50%;background:var(--accent);transition:background .45s ease}.hero-orbit{position:absolute;top:58px;right:-18vw;width:64vw;height:64vw;border:1px solid rgba(255,255,255,.16);border-radius:50%}.orbit-two{top:125px;right:-10vw;width:49vw;height:49vw;border-color:rgba(255,255,255,.25)}.eyebrow,.section-number{margin:0;font:500 10px var(--mono);letter-spacing:.13em;text-transform:uppercase}.eyebrow span{display:inline-block;width:5px;height:5px;margin:0 9px 2px;border-radius:50%;background:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{position:relative;z-index:1;max-width:900px;margin:35px 0 67px;font-size:clamp(78px,11vw,168px);line-height:.84;letter-spacing:-.08em;font-weight:700}.hero h1 em,h2 em{font-family:var(--serif);font-weight:600}.hero-bottom{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;max-width:735px}.hero-bottom p{width:330px;margin:0;font-size:16px;line-height:1.7;color:color-mix(in srgb,var(--paper) 80%,transparent)}.circle-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:130px;gap:10px;border:1px solid rgba(255,255,255,.58);border-radius:50%;color:var(--paper);text-align:center;text-decoration:none;font-size:10px;line-height:1.4;transition:.25s ease}.circle-link b{color:var(--accent);font-size:21px;font-weight:400}.circle-link:hover{color:var(--deep);border-color:var(--accent);background:var(--accent)}.circle-link:hover b{color:var(--deep)}.hero-statement{position:absolute;z-index:1;right:5.5vw;bottom:129px;width:280px;color:var(--deep);font:600 24px/1.1 var(--serif)}.hero-statement i{color:var(--paper)}
.theme-picker{position:absolute;z-index:3;right:5.5vw;bottom:36px;display:flex;align-items:center;gap:9px;font:500 9px var(--mono);text-transform:uppercase;letter-spacing:.08em}.theme-picker>span{margin-right:7px;opacity:.65}.theme-choice{display:inline-flex;align-items:center;gap:5px;padding:8px 9px;border:1px solid rgba(255,255,255,.35);border-radius:30px;color:var(--paper);background:transparent;font:inherit;cursor:pointer;transition:.2s ease}.theme-choice i{width:7px;height:7px;border-radius:50%;background:#7c1f3d}.theme-choice:nth-of-type(2) i{background:#d65330}.theme-choice:nth-of-type(3) i{background:#250a17;border:1px solid #f1763e}.theme-choice:hover,.theme-choice.is-active{border-color:var(--accent);background:rgba(255,255,255,.1)}
.section{padding:155px 5.5vw}.section-number{color:color-mix(in srgb,var(--ink) 62%,transparent)}.intro{display:grid;grid-template-columns:24% 1fr}.intro-content{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.intro h2{margin:0;font-size:clamp(49px,5.6vw,85px);line-height:.96;letter-spacing:-.07em}.intro-copy{padding-top:12px}.intro-copy p{margin-bottom:22px;color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:17px;line-height:1.8}
.openbook{padding-top:55px;background:var(--accent-soft);transition:background .45s ease}.product-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.product-state{margin:0;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}.product-state span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#4f874d}.product-card{position:relative;min-height:610px;overflow:hidden;padding:65px;color:var(--product-ink);background:var(--product);transition:background .45s ease,color .45s ease}.card-sun{position:absolute;right:-160px;bottom:-490px;width:670px;height:670px;border:1px solid color-mix(in srgb,var(--accent) 75%,transparent);border-radius:50%;box-shadow:0 0 0 90px color-mix(in srgb,var(--accent) 8%,transparent),0 0 0 180px color-mix(in srgb,var(--accent) 4%,transparent)}.product-copy{position:relative;z-index:2;width:50%}.openbook-logo{font-size:12px;font-weight:800;letter-spacing:.12em}.openbook-logo span{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;margin-right:5px;border:1px solid var(--accent);border-radius:50%;color:var(--accent);font-size:10px}.product-kicker{margin:82px 0 18px;color:var(--accent);font:500 10px var(--mono);letter-spacing:.11em;text-transform:uppercase}.product-card h2{margin-bottom:22px;font-size:clamp(45px,5.4vw,78px);line-height:.91;letter-spacing:-.067em}.product-description{max-width:400px;color:color-mix(in srgb,var(--product-ink) 75%,transparent);font-size:16px;line-height:1.75}.text-link{display:inline-block;margin-top:16px;padding-bottom:4px;border-bottom:1px solid currentColor;color:var(--accent);font-size:14px;font-weight:700;text-decoration:none}.text-link b{margin-left:13px}.document-stack{position:absolute;z-index:2;top:107px;right:9%;width:300px;height:400px}.document{position:absolute;color:var(--ink);background:var(--paper);box-shadow:0 20px 50px rgba(0,0,0,.22)}.document-back{top:25px;right:30px;width:270px;height:355px;padding:24px;transform:rotate(8deg)}.document-back span,.doc-header{font:500 9px var(--mono);letter-spacing:.13em}.document-back div{width:85%;height:6px;margin-top:22px;background:color-mix(in srgb,var(--ink) 15%,transparent)}.document-front{top:0;right:0;width:290px;height:380px;padding:27px;transform:rotate(-4deg)}.doc-header{display:flex;justify-content:space-between}.doc-header b{color:#8a786f;letter-spacing:0}.document-front p{margin:58px 0 8px;color:#82736a;font:500 9px var(--mono);letter-spacing:.09em;text-transform:uppercase}.document-front h3{font-size:30px;letter-spacing:-.06em;line-height:.99}.doc-line{width:90%;height:4px;margin:13px 0;background:color-mix(in srgb,var(--ink) 14%,transparent)}.doc-line.short{width:58%}.doc-status{margin-top:45px;padding:10px;color:#4d351c;background:var(--accent-soft);font:500 10px var(--mono)}.doc-status span{font-weight:700}
.principles{display:grid;grid-template-columns:24% 1fr;padding-bottom:165px}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw}.principles article{padding-top:20px;border-top:1px solid var(--line)}.principles article span{color:var(--accent);font:500 10px var(--mono)}.principles h3{margin:55px 0 14px;font-size:25px;letter-spacing:-.055em}.principles p{max-width:245px;color:color-mix(in srgb,var(--ink) 73%,transparent);font-size:15px;line-height:1.75}.contact{padding:135px 5.5vw;color:var(--paper);background:var(--accent);transition:background .45s ease}.contact .eyebrow{margin-bottom:36px}.contact .eyebrow:before{content:"";display:inline-block;width:6px;height:6px;margin-right:9px;border-radius:50%;background:var(--paper)}.contact h2{margin-bottom:42px;font-size:clamp(54px,7.1vw,106px);line-height:.93;letter-spacing:-.075em}.contact-email{padding-bottom:7px;border-bottom:2px solid var(--paper);color:inherit;font-size:clamp(18px,1.9vw,27px);font-weight:700;text-decoration:none}.contact-email span{margin-left:12px}footer{display:flex;align-items:center;justify-content:space-between;padding:25px 5.5vw;color:var(--paper);background:var(--deep);transition:background .45s ease}footer p{margin:0;color:color-mix(in srgb,var(--paper) 68%,transparent);font-size:10px}.footer-brand{font-size:10px}.footer-brand .brand-mark{color:var(--accent)}.reveal{animation:rise .8s both}.hero h1{animation-delay:.08s}.hero-bottom{animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:760px){.site-header{padding:22px 6vw}.site-header nav{display:none}.site-header nav.is-open{display:flex;position:absolute;top:68px;right:6vw;left:6vw;flex-direction:column;align-items:flex-start;gap:18px;padding:22px;background:var(--deep);border:1px solid rgba(255,255,255,.18)}.menu-button{display:flex;flex-direction:column;gap:5px;padding:8px 0;border:0;background:transparent;color:var(--paper)}.menu-button span{display:block;width:23px;height:1px;background:currentColor}.hero{min-height:800px;padding:150px 6vw 35px}.hero:after{top:205px;right:-275px;min-width:440px;min-height:440px}.hero:before{right:-300px;width:600px;height:600px}.hero-orbit{top:75px;right:-470px;width:720px;height:720px}.orbit-two{top:175px;right:-390px;width:520px;height:520px}.hero h1{margin:28px 0 77px;font-size:clamp(68px,19vw,104px)}.hero-bottom{align-items:flex-start}.hero-bottom p{width:220px;font-size:14px}.circle-link{width:98px;height:98px;font-size:8px}.hero-statement{right:6vw;bottom:137px;width:220px;font-size:18px}.theme-picker{right:auto;bottom:34px;left:6vw;gap:6px}.theme-picker>span{display:none}.theme-choice{padding:7px;font-size:8px}.section{padding:95px 6vw}.intro,.principles{display:block}.intro-content{display:block;margin-top:40px}.intro-copy{padding-top:28px}.intro-copy p{font-size:16px}.product-card{min-height:735px;padding:35px 28px}.product-copy{width:100%}.product-kicker{margin-top:50px}.product-description{font-size:14px}.document-stack{right:-15px;top:auto;bottom:-6px;transform:scale(.75);transform-origin:bottom right}.principles-grid{display:block;margin-top:40px}.principles article{margin-bottom:45px}.principles h3{margin-top:28px}.contact{padding:95px 6vw}footer{flex-wrap:wrap;gap:17px;padding:25px 6vw}footer p:last-child{width:100%}.openbook{padding-top:35px}.product-top{margin-bottom:20px}}