.reader-open{display:block;width:100%;background:#ebe6dc;padding:24px 24px 0;cursor:zoom-in;touch-action:pan-y pinch-zoom}.book-artwork{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;box-shadow:0 8px 24px #342c1714}.book-artwork img{display:block;width:100%;height:auto;min-width:0}.book-artwork.is-cover{display:block;max-width:460px;margin:auto;box-shadow:none}.reader-enlarge-label{display:flex;gap:9px;align-items:center;justify-content:center;min-height:48px;font-size:12px;color:#45513f}.reader-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#f7f5ef;color:#263023;overscroll-behavior:contain}.reader-viewer::backdrop{background:#263023b3}.reader-viewer-layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.reader-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));border-bottom:1px solid #d5d0c2}.reader-viewer-header h2{font-family:var(--serif);font-size:34px;font-weight:400;margin:4px 0 0;line-height:1.1}.reader-viewer-header .eyebrow{font-size:10px;margin:0}.reader-viewer button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid #bcbfae;border-radius:50%;flex-shrink:0}.reader-viewer button:disabled{opacity:.35;cursor:default}.reader-viewer button:focus-visible,.reader-open:focus-visible{outline:2px solid #436341;outline-offset:3px}.reader-viewer-scroll{overflow:auto;min-height:0;background:#e6e1d5;touch-action:pan-y pinch-zoom;overscroll-behavior:contain;container-type:size}.reader-viewer-scroll.is-zoomed{touch-action:pan-x pan-y pinch-zoom}.reader-viewer-canvas{width:calc(100% * var(--reader-zoom));min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.reader-viewer-canvas .book-artwork{display:flex;justify-content:center;max-width:calc(1160px * var(--reader-zoom));box-shadow:none}.reader-viewer-canvas .book-artwork img{width:auto;max-width:50%;max-height:calc((100cqh - 48px) * var(--reader-zoom));object-fit:contain}.reader-viewer-canvas .book-artwork.is-cover{display:flex;max-width:calc(560px * var(--reader-zoom))}.reader-viewer-canvas .book-artwork.is-cover img{max-width:100%}.reader-viewer-footer{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px;padding:16px max(24px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));border-top:1px solid #d5d0c2}.reader-zoom,.reader-viewer-pages{display:flex;gap:14px;align-items:center;font-size:13px;font-variant-numeric:tabular-nums}.reader-zoom output{min-width:40px;text-align:center}.reader-viewer-pages{justify-content:flex-end}.reader-viewer-footer>p{grid-column:1/-1;text-align:center;font-size:12px;color:#59624e;margin:0}@media(max-width:760px){.reader-open{padding:10px 10px 0}.reader-viewer-header{padding:16px;gap:12px}.reader-viewer-header h2{font-size:28px}.reader-viewer-header .eyebrow{font-size:9px;line-height:1.5}.reader-viewer-canvas{padding:12px}.reader-viewer-footer{padding:12px 16px max(12px,env(safe-area-inset-bottom));gap:10px}.reader-zoom,.reader-viewer-pages{gap:8px}}@media(max-height:500px){.reader-viewer-header{padding:8px 16px}.reader-viewer-header h2{font-size:24px}.reader-viewer-footer{padding:8px 16px}.reader-viewer-footer>p{display:none}}.operations-showcase{padding-top:24px;padding-bottom:32px}.operations-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px}.operations-heading h2{font-size:clamp(36px,4.1vw,60px);line-height:1.03;margin:0}.operations-heading>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 4px;max-width:320px}.ops-workspace{display:grid;grid-template-columns:210px minmax(0,1fr);border:1px solid #d8d0c6;border-radius:12px;overflow:hidden;background:#f6f3ee;box-shadow:0 18px 48px #30261a0b;color:#241f1d;font-family:DM Sans,sans-serif;letter-spacing:0;text-align:left}.ops-sidebar{background:#2a2522;color:#fffdf9;padding:26px 16px;display:flex;flex-direction:column;gap:30px}.ops-brand{display:flex;gap:10px;align-items:center;padding:0 6px}.ops-brand-mark{width:36px;height:36px;background:#8b1f1c;display:grid;place-items:center;border-radius:8px;flex:none}.ops-brand strong{font-size:17px;font-weight:600;display:block}.ops-brand small{font-size:10px;color:#c4b9b0;display:block;margin-top:3px}.ops-view-buttons{display:grid;gap:8px}.ops-view-buttons button{border:0;background:transparent;color:#d9d0c9;padding:13px 11px;display:flex;align-items:center;gap:10px;border-radius:6px;text-align:left;font:inherit;font-size:12px;min-height:46px;cursor:pointer}.ops-view-buttons button svg{flex:none}.ops-view-buttons button:hover{background:#ffffff0c}.ops-view-buttons button[aria-pressed=true]{background:#8b1f1c;color:#fff}.ops-integrations{margin-top:auto;border-top:1px solid #ffffff20;padding:20px 7px 0}.ops-integrations>span{font-size:9px;letter-spacing:.12em;color:#c4b9b0}.ops-integrations p{font-size:12px;margin:10px 0 0;color:#eee6de}.ops-content{padding:24px;min-width:0}.ops-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#6f6661;padding-bottom:22px;border-bottom:1px solid #ded7cf}.ops-demo-label{border:1px solid #bdb0a2;border-radius:4px;padding:5px 8px;color:#625548;white-space:nowrap}.ops-view-heading{padding:23px 0 18px}.ops-workspace h3{font:600 27px/1.2 DM Sans,sans-serif;margin:0 0 6px;letter-spacing:-.04em}.ops-view-heading p{font-size:12px;margin:0;color:#6f6661}.ops-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.ops-metric{padding:17px 16px;background:#fffdf9;border:1px solid #ded7cf;border-radius:8px;display:flex;flex-direction:column;align-items:flex-start}.ops-metric>svg{color:#8b1f1c;margin-bottom:12px}.ops-metric>span{font-size:11px;color:#6f6661}.ops-metric>strong{font-size:28px;font-weight:600;line-height:1.4;letter-spacing:-.04em}.ops-metric>small{font-size:10px;line-height:1.5;color:#6f6661}.ops-dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:16px}.ops-panel{border:1px solid #ded7cf;border-radius:8px;background:#fffdf9;min-width:0;padding:20px}.ops-workspace h4{font:600 14px/1.4 DM Sans,sans-serif;margin:0;letter-spacing:0}.ops-panel-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px}.ops-panel-heading>span{font-size:10px;color:#6f6661;text-align:right}.ops-bars{display:flex;align-items:flex-end;justify-content:space-around;height:180px;gap:12px;padding-top:16px}.ops-bar-column{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:72px}.ops-bar-column>span{font-size:10px;color:#6f6661}.ops-bar-column>small{font-size:10px;color:#6f6661;white-space:nowrap}.ops-bar{width:72%;background:linear-gradient(180deg,#b24c42,#8b1f1c);border-radius:3px 3px 0 0;min-height:1px}.ops-attention{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.ops-pill{display:inline-block;padding:4px 7px;border-radius:4px;font-size:10px;white-space:nowrap;line-height:1.4;font-weight:500}.ops-pill.amber{color:#7b500b;background:#f5e9cf}.ops-pill.green{color:#256047;background:#e4efe7}.ops-attention>strong{font-size:13px;font-weight:500}.ops-attention>p,.ops-market p{font-size:12px;line-height:1.6;color:#6f6661;margin:0}.ops-source-line{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:10px;color:#6b625c;line-height:1.6;margin-top:auto}.ops-table-wrap{overflow:auto;margin:0 -4px}.ops-workspace table{border-collapse:collapse;width:100%;font-size:11px;min-width:480px;line-height:1.5}.ops-workspace th,.ops-workspace td{padding:12px 8px;border-bottom:1px solid #e9e3dc;text-align:left;font-weight:400}.ops-workspace thead th{color:#6f6661;font-size:10px;padding-top:0}.ops-workspace tbody th{font-weight:500}.ops-workspace tbody tr:last-child>*{border-bottom:0}.ops-workspace table small{display:block;font-size:9px;color:#766b63;margin-top:3px}.operations-view-caption{font-size:14px;line-height:1.7;max-width:760px;color:var(--muted);margin:22px 0 0}.ops-sourcing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ops-kicker{font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#8b1f1c;display:block;margin-bottom:14px}.ops-costs>p{font-size:12px;color:#6f6661;line-height:1.6}.ops-costs dl{margin:24px 0}.ops-costs dl>div{display:flex;justify-content:space-between;gap:14px;font-size:11px;padding:10px 0;border-bottom:1px solid #e9e3dc}.ops-costs dt{color:#6f6661}.ops-costs dd{margin:0;white-space:nowrap}.ops-scenario label{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:30px 0 14px;color:#6f6661}.ops-scenario label strong{font-size:14px;color:#241f1d}.ops-scenario input{width:100%;accent-color:#8b1f1c;cursor:pointer;min-height:24px}.ops-profit{margin:26px 0 18px;padding:18px;background:#f0f4ed;border:1px solid #d8e4d4;border-radius:6px;display:flex;flex-direction:column;gap:6px;color:#28533e}.ops-profit>span,.ops-profit>small{font-size:11px}.ops-profit>strong{font-size:38px;font-weight:500;letter-spacing:-.04em}.ops-fine-print{font-size:10px;line-height:1.6;color:#6f6661}.ops-market{grid-column:1/-1;display:flex;gap:16px;margin-top:0}.ops-market>svg{color:#8b1f1c;flex:none;margin-top:2px}.ops-market h4{margin-bottom:6px}.ops-flow{display:flex;gap:15px;align-items:center;justify-content:center;padding:18px 6px 25px;font-size:11px;color:#6f6661}.ops-flow svg{width:16px;flex:none;color:#8b1f1c}.ops-content .ops-panel+.ops-market{margin-top:16px}.project-card.operations-card .cover-preview{width:92%;height:auto;max-height:none;left:4%;top:15%;transform:rotate(-3deg);object-fit:contain;border-radius:5px;box-shadow:0 12px 28px #402a2025;transition:transform .5s ease}.project-card.operations-card:hover .cover-preview{transform:rotate(-1deg) translateY(-5px)}@media(max-width:1000px){.ops-workspace{grid-template-columns:175px minmax(0,1fr)}.ops-sidebar{padding:22px 12px}.ops-content{padding:20px}.ops-dashboard-grid,.ops-sourcing-grid{grid-template-columns:1fr}.ops-attention{gap:10px}.ops-brand{gap:7px;padding:0}.ops-brand strong{font-size:15px}.ops-brand-mark{width:30px;height:30px}.ops-view-buttons button{font-size:11px;padding:11px 8px}.ops-market{grid-column:auto}}@media(max-width:640px){.operations-heading{display:block}.operations-heading>p{margin-top:18px;font-size:12px}.ops-workspace{display:block;border-radius:9px}.ops-sidebar{padding:18px 14px;gap:18px}.ops-brand{padding:0 3px}.ops-brand small{font-size:11px}.ops-view-buttons{display:flex;gap:4px}.ops-view-buttons button{flex:1;justify-content:center;gap:5px;line-height:1.3;min-height:46px;font-size:10px;text-align:center;padding:8px 6px}.ops-view-buttons button svg{width:16px}.ops-integrations{display:none}.ops-content{padding:16px 12px}.ops-topline{font-size:9px;gap:6px;padding-bottom:16px}.ops-demo-label{padding:4px 6px}.ops-view-heading{padding:20px 0 16px}.ops-workspace h3{font-size:24px}.ops-metrics{gap:6px}.ops-metric{padding:12px 8px}.ops-metric>strong{font-size:23px}.ops-metric>span{font-size:10px;min-height:28px}.ops-metric>small{font-size:9px}.ops-panel{padding:16px 12px}.ops-flow{gap:8px;font-size:10px;line-height:1.5}.ops-flow svg{width:12px}.ops-flow span{text-align:center}.operations-view-caption{font-size:13px}}@media(prefers-reduced-motion:reduce){.project-card.operations-card .cover-preview{transition:none}.project-card.operations-card:hover .cover-preview{transform:rotate(-3deg)}}@media(max-width:640px){.ops-workspace table{min-width:0}.ops-workspace thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}.ops-workspace tbody{display:block}.ops-workspace tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:14px 4px;border-bottom:1px solid #e9e3dc}.ops-workspace tbody tr:last-child{border-bottom:0}.ops-workspace tbody th{grid-column:1/-1}.ops-workspace tbody th,.ops-workspace tbody td{border:0;padding:0;min-width:0;font-size:11px}.ops-workspace td:before{content:attr(data-label);display:block;font-size:9px;color:#6f6661;margin-bottom:5px}.ops-workspace td .ops-pill{white-space:normal;font-size:9px}}@media(max-width:420px){.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-metric:first-child{grid-column:1/-1;display:grid;grid-template-columns:22px minmax(0,1fr) auto;column-gap:8px;align-items:center}.ops-metric:first-child>svg{grid-row:1/3;margin:0}.ops-metric:first-child>span{min-height:0}.ops-metric:first-child>strong{grid-column:3;grid-row:1/3}.ops-metric:first-child>small{grid-column:2}}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff")}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#263023;background:#f7f5ef;font-synthesis:none;font-weight:400;--ink:#263023;--paper:#f7f5ef;--muted:#687064;--line:#d8d8cc;--orange:#db7535;--serif:"Instrument Serif",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif)}em{font-weight:400}p{line-height:1.7}button{border:0;background:none}a:focus-visible,button:focus-visible{outline:3px solid #cf6c31;outline-offset:6px}button:disabled{opacity:.35}.skip-link{position:fixed;left:20px;top:-70px;background:var(--ink);color:#fff;padding:14px;z-index:100}.skip-link:focus{top:20px}.header{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:absolute;left:0;right:0;top:0;z-index:20}.wordmark{font-family:var(--serif);font-size:32px;letter-spacing:-.6px;white-space:nowrap}.wordmark-dot{color:var(--orange)}.header nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:500}.header nav>a:not(.hello){padding:15px 0}.header nav>a:hover{color:#9a4c22}.hello{display:flex;align-items:center;gap:12px;border:1px solid #59614e;border-radius:18px;padding:11px 22px;background:#f9f6ed60}.menu-toggle{display:none}.hero{position:relative;width:100%;aspect-ratio:1.62;max-height:1020px;min-height:690px;overflow:hidden;background:#f4ede1}.desk-stage{position:absolute;top:0;right:0;bottom:0;left:0}.desk-background{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#f7f5ef66 0%,transparent 45%),linear-gradient(0deg,#f7f5ef 0%,transparent 9%)}.hero-copy{position:absolute;z-index:5;left:4.5%;top:22%;width:46%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.9px;font-weight:600;line-height:1.5}.hero h1{font-size:clamp(64px,7.55vw,126px);line-height:.94;letter-spacing:-3px;margin:24px 0 22px}.hero-description{font-size:clamp(14px,1.35vw,20px);line-height:1.6}.text-link{font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid #718068;padding:10px 0;transition:gap .2s}.text-link:hover{gap:20px}.explore-link{margin-top:18px;border-bottom-color:var(--orange);color:#923e16}.desk-invitation{font-family:var(--serif);font-style:italic;color:#626d5a;font-size:19px;margin-top:45px;transform:rotate(-4deg);line-height:1.3}.desk-invitation span{display:inline-block;border-bottom:1px solid #83866b;padding-bottom:10px}.desk-object{position:absolute;display:block;z-index:4;transition:transform .5s cubic-bezier(.21,.8,.25,1),filter .4s;outline-offset:0!important}.desk-object img{width:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.desk-object:hover,.desk-object:focus-visible{z-index:10;filter:drop-shadow(0 15px 14px #45270e30)}.client-book{width:35%;left:35%;bottom:4%;z-index:4}.story-spine{width:32%;left:38%;bottom:11%;z-index:4}.phone-object{position:absolute;width:20.5%;left:43.5%;top:16%;z-index:6;transition:transform .4s}.phone-object:hover{transform:translateY(-5px)}.phone-shell{width:100%;pointer-events:none}.phone-screen{position:absolute;left:17.14%;top:7.89%;width:65.73%;height:74.35%;border-radius:10%/5%;overflow:hidden;background:#faf8f2}.packing-note{left:64%;top:31%;width:12%;z-index:7;transform:rotate(9deg)}.packing-note:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){transform:rotate(1deg) translateY(-12px)}.postcard{width:20%;left:57%;bottom:1%;z-index:9;transform:rotate(-8deg)}.postcard:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){transform:translateY(-18px) rotate(-3deg)}.idea-note{width:12%;left:27%;bottom:2%;z-index:6;transform:rotate(-12deg)}.idea-note:hover,.idea-note:focus-visible{transform:rotate(-5deg) translateY(-10px)}.frame-link{position:absolute;left:60%;top:7%;width:37%;height:66%;z-index:1;transform:rotate(2deg)}.cup-link{position:absolute;left:28%;top:55%;width:13%;height:24%;z-index:2}.desk-caption{position:absolute;bottom:12px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;z-index:12;color:#6b705f;font-size:10px;letter-spacing:.4px}.discipline-strip{display:flex;justify-content:center;align-items:center;gap:38px;margin:0 4.5%;height:65px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#66715e;font-weight:500}.discipline-strip i{font-style:normal;color:#9aa08f}.section{padding:100px 6%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-heading h2,.about h2,.contact h2{font-size:clamp(44px,4.5vw,72px);line-height:1.05;letter-spacing:-1.2px}.section-heading .eyebrow,.about .eyebrow,.contact .eyebrow{margin-bottom:20px}.section-heading>p{font-size:14px;color:var(--muted);padding-bottom:5px}.work{position:relative}.anchor-point{position:absolute;top:85px}.filter-bar{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:35px}.filter-bar button{position:relative;color:#717768;font-size:13px;padding:16px 0;white-space:nowrap}.filter-bar button.selected{color:var(--ink)}.filter-bar button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.filter-bar button span{font-size:9px;background:#e6e9df;margin-left:8px;padding:2px 5px;border-radius:20px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 28px}.project-card{display:block;min-width:0}.project-visual{background:var(--project-color);aspect-ratio:1.2;position:relative;overflow:hidden}.app-card .project-visual{display:flex;align-items:center;justify-content:center}.card-icon{position:absolute;width:20%;left:9%;top:13%;border-radius:21%;box-shadow:0 5px 20px #352c1510;z-index:1}.app-preview{position:absolute;width:44%;height:auto;right:12%;top:12%;transform:rotate(7deg);border-radius:13px;box-shadow:0 12px 22px #49322125;transition:transform .55s}.project-card:hover .app-preview{transform:translateY(-14px) rotate(2deg)}.cover-preview{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.visual-card .cover-preview{padding:22px;object-fit:contain}.book-card .cover-preview{padding:25px;object-fit:contain}.project-card:hover .cover-preview{transform:scale(1.035)}.card-open{position:absolute;right:15px;bottom:15px;background:var(--paper);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transform:translateY(60px);transition:transform .3s}.project-card:hover .card-open,.project-card:focus-visible .card-open{transform:translateY(0)}.card-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.7px;text-transform:uppercase;color:#65705e;margin:20px 0 10px}.project-card h3{font-family:var(--serif);font-size:32px;letter-spacing:-.5px;margin-bottom:9px}.project-card>p{font-size:13px;color:var(--muted);line-height:1.65;max-width:95%}.about{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eeeee5}.about-copy>p{font-size:15px;margin-bottom:24px;color:#646d5e}.about-copy .large-copy,.large-copy{font-size:22px;line-height:1.5;color:var(--ink)}.about-copy .text-link{margin-top:5px}.upcoming{padding-top:110px;padding-bottom:110px}.upcoming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:55px}.upcoming-grid article{border-top:1px solid #b6bcaa;padding-top:20px}.upcoming-grid .eyebrow{font-size:8px;letter-spacing:1.3px;margin-top:7px}.upcoming-grid h3{font-family:var(--serif);font-size:31px;margin:24px 0 9px}.upcoming-grid article>p:last-child{font-size:13px;color:#68705f;max-width:92%}.contact{border-top:1px solid var(--line);text-align:center;padding-top:90px;padding-bottom:100px}.contact h2{font-size:clamp(48px,6vw,86px)}.contact-link{display:inline-flex;align-items:center;gap:20px;color:#9b4b24;font-size:18px;border-bottom:1px solid #bb7c55;padding:12px 0;margin-top:28px}.footer{margin:0 4.5%;padding:32px 0;display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);color:#65705e;font-size:11px}.footer .wordmark{font-size:25px;color:var(--ink)}.footer p{margin-right:auto}.footer>a:not(.wordmark){display:flex;align-items:center;gap:7px}.detail-header{position:relative;border-bottom:1px solid var(--line)}.detail-intro{padding-top:45px;padding-bottom:45px}.back-link{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:#68705f;margin-bottom:48px}.detail-title-row{display:flex;align-items:center;gap:17px;margin-bottom:20px}.detail-title-row .eyebrow span{margin:0 12px;color:#a2a892}.detail-icon{width:54px;height:54px;border-radius:12px}.detail-intro h1{font-size:clamp(55px,7.8vw,112px);line-height:1.03;letter-spacing:-2px;outline:none}.detail-tagline{font-size:22px;margin-top:16px;color:#5c6655}.detail-meta{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:30px;margin-top:40px;align-items:center}.detail-meta .eyebrow{font-size:9px}.detail-meta p{font-size:13px;margin-top:8px}.detail-links{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.solid-link{background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;gap:15px;font-size:13px;padding:15px 22px;border-radius:3px}.solid-link:hover{background:#49583f}.detail-gallery{margin:0 6%;background:var(--project-color);padding:50px;display:flex;align-items:flex-start;justify-content:center;gap:35px}.detail-gallery>img{width:100%;max-width:1100px;height:auto;box-shadow:0 15px 30px #20261615}.detail-gallery.app-gallery{padding:55px 12%;gap:6%}.app-gallery>img{width:29%;border-radius:14px}.detail-story{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:85px;padding-bottom:85px}.detail-story h2{font-size:43px;line-height:1.15;margin-top:20px;letter-spacing:-.5px}.detail-story .large-copy{font-size:19px}.made-list{list-style:none;padding:0;margin:30px 0}.made-list li{display:flex;align-items:baseline;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.made-list span{width:4px;height:4px;border-radius:50%;background:#7c866e;flex:none}.made-list p{font-size:14px}.detail-note{font-size:13px;color:#707867}.reader-section{padding-top:0}.book-reader{background:#e9e6dd;padding:42px}.reader-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:15px}.reader-heading h2{font-size:42px;margin-top:9px}.reader-heading>span{font-size:11px;color:#6d7564}.reader-page{display:flex;align-items:center;justify-content:center;min-height:400px}.reader-page img{max-height:660px;max-width:100%;width:auto;box-shadow:0 12px 28px #33352222;animation:page-in .35s ease-out}.reader-page.moonlight img{width:100%;max-height:none}.reader-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:25px}.reader-controls button{border:1px solid #b4b9a9;width:44px;height:44px;border-radius:50%;display:grid;place-items:center}.reader-controls span{font-size:12px}.reader-count{color:#747d68;margin-left:20px}.related{border-top:1px solid var(--line)}.related .section-heading h2{font-size:48px}@keyframes page-in{0%{opacity:.5;transform:translate(12px)}to{opacity:1;transform:none}}@media(min-width:1700px){.hero-copy{top:23%}.hero h1{font-size:130px}.phone-object{width:18%;left:46%}}@media(max-width:1100px){.header nav{gap:22px}.hero{min-height:650px;aspect-ratio:1.5}.hero h1{font-size:7.8vw;letter-spacing:-2px}.hero-copy{top:24%;width:48%}.hero-description{font-size:15px}.desk-invitation{font-size:17px;margin-top:30px}.phone-object{width:22%;left:43%;top:21%}.packing-note{top:37%}.idea-note{left:25%;bottom:4%}.client-book{bottom:8%}.story-spine{bottom:15%}.postcard{bottom:5%}.section{padding:75px 5%}.project-grid{gap:36px 22px}.project-card h3{font-size:29px}.card-meta{font-size:8px;letter-spacing:.4px}.about{gap:8%}.detail-meta{align-items:flex-start}.detail-links{gap:12px}.detail-gallery{margin:0 5%}.detail-story{gap:7%}}@media(max-width:760px){.header{height:76px;padding:0 6%}.wordmark{font-size:28px}.header nav{display:none;position:absolute;top:68px;left:4%;right:4%;padding:20px;background:var(--paper);box-shadow:0 10px 30px #29302315;border:1px solid var(--line);gap:8px}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch}.header nav a{padding:14px!important}.hello{border-radius:3px;justify-content:space-between}.menu-toggle{display:block;min-width:44px;min-height:44px;z-index:1}.hero{aspect-ratio:auto;height:960px;min-height:0;background:#f6f2e9;overflow:hidden}.hero-copy{top:120px;left:7%;width:86%}.hero h1{font-size:clamp(61px,11.6vw,86px);letter-spacing:-2px;line-height:.94;margin-top:20px;margin-bottom:20px}.hero-description{font-size:15px}.hero .eyebrow{font-size:9px;letter-spacing:1.8px}.explore-link{margin-top:13px;font-size:12px}.desk-invitation{position:absolute;left:0;top:345px;max-width:170px;font-size:16px;z-index:8;margin:0;transform:rotate(-7deg)}.desk-stage{top:auto;bottom:35px;width:135%;left:-28%;height:auto;aspect-ratio:1.38}.desk-background{object-fit:fill}.hero:after{background:linear-gradient(0deg,#f7f5ef,transparent 10%);z-index:1}.desk-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#f6f2e9 0%,transparent 28%);z-index:1;pointer-events:none}.phone-object{top:11%;width:25%;left:42%;z-index:6}.packing-note{width:16%;left:64%;top:31%}.postcard{width:25%;left:54%;bottom:0}.client-book{width:40%;left:34%;bottom:4%}.story-spine{width:36%;left:38%;bottom:11%}.idea-note{width:17%;left:24%;bottom:6%}.frame-link{top:10%;z-index:2}.cup-link{left:28%;top:56%;z-index:3}.desk-caption{left:7%;right:7%;bottom:4px;font-size:8px;letter-spacing:0}.discipline-strip{gap:17px;height:58px;font-size:8px;letter-spacing:1.2px}.section{padding:65px 7%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:25px;font-size:13px}.section-heading h2,.about h2{font-size:49px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}.card-meta{display:block;font-size:7px;margin-top:14px;line-height:1.6}.card-meta span:last-child{display:block;color:#939887}.project-card h3{font-size:27px;line-height:1.1;margin:10px 0}.project-card>p{font-size:12px;max-width:100%;line-height:1.6}.project-visual{aspect-ratio:.95}.app-preview{width:55%;right:7%;top:18%;border-radius:8px}.card-icon{width:25%;left:9%;top:9%;border-radius:21%}.visual-card .cover-preview{padding:10px}.card-open{width:29px;height:29px;right:10px;bottom:10px;transform:none}.card-open svg{width:16px}.filter-bar{gap:21px;margin-bottom:28px}.filter-bar button{font-size:11px}.filter-bar button span{display:none}.about{grid-template-columns:1fr;gap:35px}.about-copy .large-copy{font-size:22px}.about-copy>p{font-size:14px}.upcoming-grid{grid-template-columns:1fr 1fr;gap:35px 24px;margin-top:40px}.upcoming-grid h3{font-size:30px}.upcoming-grid article>p:last-child{font-size:12px}.contact-link{font-size:15px;gap:12px}.contact h2{font-size:53px}.footer{display:grid;grid-template-columns:1fr auto;gap:18px;padding:30px 0;margin:0 7%}.footer p{grid-row:2;font-size:9px}.footer>a:not(.wordmark){grid-column:2;grid-row:1}.footer>span{grid-column:2;grid-row:2;font-size:9px}.detail-intro{padding-top:30px;padding-bottom:35px}.back-link{margin-bottom:36px}.detail-intro h1{font-size:60px;letter-spacing:-1.2px}.detail-tagline{font-size:18px;line-height:1.5;margin-top:17px}.detail-meta{display:block;margin-top:28px;padding-top:23px}.detail-links{margin-top:22px}.detail-gallery{margin:0;padding:25px}.detail-gallery.app-gallery{padding:30px 7%;gap:5%;overflow:auto;justify-content:flex-start;scroll-snap-type:x mandatory}.app-gallery>img{width:68%;flex:none;border-radius:12px;scroll-snap-align:center}.detail-story{grid-template-columns:1fr;gap:28px}.detail-story h2{font-size:37px}.detail-story .large-copy{font-size:18px}.book-reader{padding:22px 13px}.reader-heading{display:block;padding:0 8px}.reader-heading h2{font-size:35px}.reader-heading>span{display:block;margin-top:10px}.reader-page{min-height:0}.reader-controls{gap:15px}.reader-controls span{font-size:10px}.reader-count{margin-left:8px}.reader-section{padding-top:0}.related .text-link{margin-top:10px}.detail-title-row .eyebrow{font-size:9px}.detail-title-row .eyebrow span{margin:0 5px}}@media(max-width:390px){.hero{height:890px}.hero-copy{top:115px}.hero h1{font-size:58px}.desk-invitation{top:330px;font-size:14px;max-width:150px}.hero-description{font-size:13px}.desk-stage{width:145%;left:-34%}.section-heading h2,.about h2{font-size:43px}.filter-bar{gap:17px}.project-card h3{font-size:24px}.project-card>p{font-size:11px}.contact h2{font-size:45px}.contact-link{font-size:13px}.detail-intro h1{font-size:51px}.reader-controls{gap:10px}.upcoming-grid{gap:30px 18px}.upcoming-grid h3{font-size:27px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.desk-object:hover,.phone-object:hover{transform:none}.desk-object:focus-visible{transform:none}}main:focus{outline:none}.header:not(.detail-header){background:linear-gradient(#f7f5ef99,transparent)}@media(max-width:760px){.desk-invitation{max-width:210px;width:210px}}@media(max-width:760px){.hero{height:calc(470px + 100vw)}.desk-invitation{top:285px}}@media(min-width:761px)and (max-width:1100px){.hero{min-height:0}.desk-invitation{margin-top:24px}}@media(min-width:761px)and (max-width:1000px){.header{height:72px}.hero-copy{top:16%;width:46%}.hero h1{margin:16px 0 14px}.hero-description{font-size:13px;line-height:1.45}.explore-link{margin-top:12px;font-size:12px}.desk-invitation{display:none}.header nav{gap:20px;font-size:12px}}.desk-object{pointer-events:none}.desk-object:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:auto;clip-path:inset(6%)}.client-book:after,.story-spine:after{clip-path:polygon(4% 45%,27% 11%,97% 23%,97% 70%,81% 90%,4% 71%)}.postcard:after{clip-path:polygon(16% 46%,30% 5%,76% 5%,79% 48%,83% 92%,17% 95%)}.idea-note:after{clip-path:inset(9%)}.etzly-tree,.etzly-tree:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){transform:none;filter:none;z-index:7;transition:none}.etzly-tree .tree-planter{clip-path:inset(74% 0 0)}.etzly-tree .tree-canopy{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:52% 74%;transform:scale(.84);transition:transform 2.6s cubic-bezier(.22,.7,.18,1);will-change:transform;pointer-events:none}.tree-branches{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 26%)}.etzly-tree .tree-leaf{position:absolute;display:block;aspect-ratio:3/4;transform:translate(-50%,-97%) rotate(var(--leaf-angle));transform-origin:50% 97%;pointer-events:none}.etzly-tree .tree-leaf img{width:100%;height:100%;object-fit:contain;transform-origin:50% 97%;transform:rotate(-12deg) scale(.035);opacity:0;transition:transform 1.5s cubic-bezier(.22,.7,.18,1),opacity 1s ease;will-change:transform,opacity}.etzly-tree:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .tree-canopy{transform:scale(1)}.etzly-tree:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .tree-leaf img{transform:rotate(0) scale(1);opacity:1;transition-duration:1.9s,1.35s;transition-delay:var(--leaf-delay)}.etzly-tree:after,.etzly-tree:is(:hover:where(:not([data-touch-input])),[data-preview-active]):after{clip-path:polygon(35% 8%,68% 8%,90% 32%,94% 65%,75% 95%,25% 95%,9% 65%,12% 31%)}@media(prefers-reduced-motion:reduce){.etzly-tree .tree-canopy,.etzly-tree:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .tree-canopy{transform:scale(.84);transition:none}.etzly-tree .tree-leaf img,.etzly-tree:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .tree-leaf img{opacity:0;transition:none}}.books-collection{max-width:1400px;margin:auto;padding-top:35px;padding-bottom:90px}.books-collection .back-link{margin-bottom:30px}.books-intro{margin-bottom:40px}.books-intro h1{font-size:clamp(52px,5.2vw,76px);line-height:1.02;letter-spacing:-1.8px;margin:15px 0 20px;outline:none}.books-intro>p:last-child{font-size:16px;color:var(--muted)}.books-shelf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px}.shelf-book{display:block;min-width:0}.shelf-cover{height:315px;padding:25px;background:var(--project-color);display:flex;align-items:center;justify-content:center}.shelf-cover img{max-height:100%;width:auto;max-width:100%;object-fit:contain;box-shadow:0 10px 18px #30271d20;transition:transform .45s}.shelf-book:hover .shelf-cover img,.shelf-book:focus-visible .shelf-cover img{transform:translateY(-5px) rotate(-1deg)}.shelf-book-copy{padding-top:22px}.shelf-book-copy .eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.shelf-book-copy h2{font-size:38px;line-height:1.1;margin:10px 0}.shelf-book-copy>p:not(.eyebrow){font-size:14px;max-width:440px;color:var(--muted)}.shelf-book-copy .text-link{margin-top:10px}@media(max-width:760px){.books-collection{padding-top:26px;padding-bottom:60px}.books-intro{margin-bottom:30px}.books-intro h1{font-size:51px;letter-spacing:-1px}.books-intro>p:last-child{font-size:14px}.books-shelf{grid-template-columns:1fr;gap:45px}.shelf-cover{height:270px;padding:22px}.shelf-book-copy{padding-top:18px}.shelf-book-copy h2{font-size:34px}}@media(prefers-reduced-motion:reduce){.shelf-book:hover .shelf-cover img,.shelf-book:focus-visible .shelf-cover img{transform:none}}.coffee-steam{position:absolute;left:28.3%;top:34.5%;width:10%;height:23%;z-index:3;pointer-events:none;opacity:0;transition:opacity .55s ease}.steam-wisp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;transform-origin:50% 100%;animation:coffee-steam-drift 7s ease-in-out infinite;animation-play-state:paused;will-change:transform,opacity;-webkit-user-select:none;user-select:none}.steam-two{animation:coffee-steam-curl 9s ease-in-out -4s infinite;animation-play-state:paused}.cup-link:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active])+.coffee-steam{opacity:1}.hero .cup-link:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active])+.coffee-steam .steam-wisp{animation-play-state:running}@keyframes coffee-steam-drift{0%,to{opacity:.35;transform:scale(.72,.84) rotate(-4deg)}50%{opacity:.75;transform:scaleY(1.08) rotate(3deg)}}@keyframes coffee-steam-curl{0%,to{opacity:.15;transform:scale(-.7,.88) rotate(4deg)}50%{opacity:.4;transform:scale(-.9,1.12) rotate(-5deg)}}@media(max-width:760px){.coffee-steam{top:33%;height:23%;width:11%;left:27.8%}}@media(prefers-reduced-motion:reduce){.coffee-steam{display:none}}.phone-object{left:80%;top:25%;width:18.5%}.client-book{left:7%;bottom:2.5%;width:28%}.story-spine{left:9%;bottom:9%;width:26%}.postcard{left:38%;bottom:2%;width:26%;aspect-ratio:1.5;transform:perspective(1000px) rotateX(48deg) rotate(-9deg);transform-origin:50% 100%;filter:drop-shadow(1px 6px 4px #40250c20)}.postcard:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){transform:perspective(1000px) rotateX(48deg) rotate(-9deg);filter:drop-shadow(1px 6px 4px #40250c20)}.postcard .envelope-back{clip-path:polygon(12.1% 44%,50% 4.2%,87.9% 44%,87.9% 95.8%,12.1% 95.8%)}.postcard .invitation-card{position:absolute;left:9%;top:22%;width:78%;height:78%;object-fit:fill;clip-path:inset(7% 3.7%);transform:translateY(0);transition:transform .85s cubic-bezier(.22,.7,.25,1)}.postcard .envelope-front{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(12.1% 43.9%,50% 68.8%,87.9% 43.9%,87.9% 95.8%,12.1% 95.8%)}.postcard:is(:hover:where(:not([data-touch-input])),[data-preview-active]) .invitation-card,.postcard:focus-visible .invitation-card{transform:translateY(-48%)}.postcard:after{clip-path:polygon(12% 44%,50% 4%,88% 44%,88% 96%,12% 96%)}@media(min-width:761px)and (max-width:1100px){.phone-object{left:79%;top:24%;width:20%}.client-book{left:6%;bottom:2%;width:29%}.story-spine{left:8%;bottom:9%;width:27%}.postcard{left:37%;bottom:1%;width:27%}}@media(max-width:760px){.phone-object{left:68%;top:12%;width:24%}.client-book{left:25%;bottom:2%;width:25%}.story-spine{left:26%;bottom:9%;width:24%}.postcard{left:45%;bottom:1%;width:25%}.packing-note{left:56%;top:31%;width:14%}}@media(prefers-reduced-motion:reduce){.postcard:focus-visible,.postcard:is(:hover:where(:not([data-touch-input])),[data-preview-active]){transform:perspective(1000px) rotateX(48deg) rotate(-9deg)}}.phone-object:hover{transform:none}.phone-overview-link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18%;touch-action:manipulation}.phone-overview-link:focus-visible{outline:2px solid #9a572c;outline-offset:-12px}.phone-screen,.phone-app-grid{pointer-events:none}.phone-app,.phone-preview-link{pointer-events:auto}.phone-screen{container-type:inline-size;background:radial-gradient(ellipse at 7% 100%,#cead8160 0%,transparent 62%),radial-gradient(ellipse at 100% 16%,#7e956c70 0%,transparent 68%),linear-gradient(155deg,#e5e9d6,#f4eddd 55%,#b2bd9d);color:#263023;font-family:-apple-system,BlinkMacSystemFont,DM Sans,sans-serif}.phone-status{position:absolute;left:7%;right:7%;top:2.2%;height:5%;display:flex;align-items:center;justify-content:space-between;font-size:5cqw;font-weight:600;pointer-events:none}.phone-island{position:absolute;left:50%;top:0;width:28%;height:75%;transform:translate(-50%);background:#111410;border-radius:100px}.phone-status-icons{display:flex;gap:1cqw;align-items:center}.phone-status-icons svg{width:5.4cqw;height:5.4cqw}.phone-status-icons svg:last-child{width:7cqw}.phone-app-grid{position:absolute;top:13%;left:7%;right:7%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9cqw 4cqw}.phone-app{display:flex;flex-direction:column;align-items:center;gap:3cqw;min-width:0;text-align:center;padding:2cqw 0;border-radius:4cqw;-webkit-user-select:none;user-select:none}.phone-app img{width:27cqw;aspect-ratio:1;border-radius:23%;box-shadow:0 2px 5px #28391a20;transition:transform .2s,box-shadow .2s;pointer-events:none}.phone-app span{font-size:5.2cqw;line-height:1.2;font-weight:500;white-space:nowrap;letter-spacing:-.1px}.phone-app:hover img{transform:scale(1.08);box-shadow:0 3px 8px #28391a30}.phone-app:active img{transform:scale(.93)}.phone-app:focus-visible{outline:2px solid #614b25;outline-offset:0;background:#ffffff35}@media(max-width:760px){.phone-object{width:30%;left:62%;top:10%}.packing-note{left:48%;top:31%;width:14%}.phone-app-grid{left:4%;right:4%;column-gap:0}.phone-app{min-height:44px;gap:2cqw}.phone-app img{width:30cqw}.phone-app span{font-size:5.6cqw}}@media(prefers-reduced-motion:reduce){.phone-app:hover img,.phone-app:active img{transform:none}}.phone-app small{font-size:4.4cqw;line-height:1;color:#5a604e;margin-top:-1.5cqw}.phone-app-grid[hidden],.phone-app-preview[hidden]{display:none}.phone-screen.app-is-open{background:#f6f5ef}.phone-app-preview{position:absolute;top:8%;right:0;bottom:0;left:0;display:flex;flex-direction:column;animation:phone-app-open .28s cubic-bezier(.2,.7,.2,1)}.phone-preview-link{position:relative;display:block;flex:1;min-height:0;overflow:hidden;background:var(--preview-paper)}.phone-preview-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.phone-preview-image img{position:absolute;top:0;max-width:none;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.phone-preview-link:focus-visible{outline:2px solid #9a572c;outline-offset:-3px}.apps-collection{padding-top:135px;padding-bottom:100px}@media(max-width:760px){.apps-collection{padding-top:105px;padding-bottom:60px}}@keyframes phone-app-open{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.phone-app-preview{animation:none}}.private-app-notice{margin-top:24px;font-size:13px;color:#6f715f;border-left:2px solid #a18a65;padding:6px 0 6px 16px;max-width:570px}.private-app-showcase{background:#eeeae1;margin:0 6%;padding:50px 5%}.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:25px}.showcase-heading .eyebrow{font-size:9px;margin-bottom:14px}.showcase-heading h2{font-size:56px;line-height:1}.showcase-heading>p{font-size:12px;color:#737664;line-height:1.65}.screenshot-tabs{display:flex;gap:28px;border-bottom:1px solid #c9c6b6;margin:35px 0 40px}.screenshot-tabs button{padding:15px 0;font-size:13px;color:#707360;min-height:44px;border-bottom:2px solid transparent;margin-bottom:-1px}.screenshot-tabs button[aria-pressed=true]{color:#263023;border-color:#8b7350}.showcase-screen{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;min-height:550px}.showcase-description .eyebrow{font-size:9px;color:#8b7350}.showcase-description h3{font:clamp(38px,3.3vw,52px)/1.08 var(--serif);letter-spacing:-.6px;margin:22px 0}.showcase-description>p:not(.eyebrow){font-size:15px;color:#646b59;line-height:1.8}.private-app-caption{display:block;font-size:11px;border-top:1px solid #cdcabc;margin-top:35px;padding-top:20px;color:#717563}.showcase-screen figure{margin:0;text-align:center}.showcase-screen img{width:auto;max-height:720px;margin:0 auto;box-shadow:0 12px 30px #40301c17}.showcase-screen figcaption{font-size:10px;color:#7b7e6f;margin-top:15px;line-height:1.6}@media(max-width:1100px){.private-app-showcase{margin:0 5%;padding:40px 5%}.showcase-screen{gap:6%;min-height:400px}.showcase-description h3{font-size:38px}}@media(max-width:760px){.private-app-showcase{margin:0;padding:36px 7%}.showcase-heading{display:block}.showcase-heading h2{font-size:45px}.showcase-heading>p{margin-top:18px}.screenshot-tabs{gap:0;justify-content:space-between;margin:22px 0 30px}.screenshot-tabs button{font-size:11px;padding:13px 4px}.showcase-screen{grid-template-columns:1fr;gap:30px;min-height:0}.showcase-description h3{font-size:38px;margin:16px 0}.showcase-description>p:not(.eyebrow){font-size:14px}.private-app-caption{margin-top:22px;padding-top:16px}.showcase-screen img{width:100%;max-height:none}.private-app-notice{font-size:12px}}.etzly-tree{position:absolute;left:40%;bottom:18%;width:26%;z-index:7;transform:none}@media(min-width:761px)and (max-width:1100px){.etzly-tree{left:40%;bottom:21%;width:28%}.packing-note{left:68%}}@media(max-width:760px){.etzly-tree{left:34%;bottom:24%;width:28%}.packing-note{left:49%;top:7%}}.client-book,.client-book:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){z-index:4;transform:none;filter:none;transition:none}.story-spine,.story-spine:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){z-index:5;transform:none;filter:none;transition:none}.client-book>img,.story-spine>img{transform:translateZ(0);transition:transform .55s cubic-bezier(.22,.7,.25,1);will-change:transform}.client-book:is(:hover:where(:not([data-touch-input])),[data-preview-active])>img,.client-book:focus-visible>img,.story-spine:is(:hover:where(:not([data-touch-input])),[data-preview-active])>img,.story-spine:focus-visible>img{transform:translate3d(-4%,12%,0)}@media(prefers-reduced-motion:reduce){.client-book:is(:hover:where(:not([data-touch-input])),[data-preview-active])>img,.client-book:focus-visible>img,.story-spine:is(:hover:where(:not([data-touch-input])),[data-preview-active])>img,.story-spine:focus-visible>img{transform:none}}.frame-link{--gallery-on:0}.frame-link:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){--gallery-on:1}.frame-link>span,.gallery-light span{pointer-events:none}.gallery-light{position:absolute;left:27%;top:-9.5%;width:46%;height:4%;min-height:14px;filter:drop-shadow(2px 4px 2px #39240f40)}.gallery-light-mount{position:absolute;left:46%;top:0;width:8%;height:31%;border-radius:50%;background:radial-gradient(ellipse at 35% 25%,#e5c88b,#ac8750 40%,#72512d 75%);box-shadow:1px 2px 2px #452f2540,inset 0 1px 1px #fce7b580}.gallery-light-arm{position:absolute;left:49%;top:16%;width:17%;height:58%;border:clamp(1px,.22vw,3px) solid #a8844c;border-left-color:#e4c38a;border-bottom:0;border-radius:60% 60% 0 0;transform:translate(-50%);filter:drop-shadow(1px 1px 1px #4f361c50)}.gallery-light-shade{position:absolute;left:0;top:53%;width:100%;height:47%;border-radius:999px;background:linear-gradient(90deg,#77552d,#c7a263 3%,#ead09a 18%,#bb955b 54%,#dbc088 85%,#866234 98%),#b78d52;box-shadow:inset 0 1px 1px #fff1c8b0,inset 0 -3px 3px #68451f90,1px 2px 2px #35241245}.gallery-light-shade:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(#fff6d75c,transparent 40%,#4f35162e 70%,#4f351659)}.gallery-light-bulb{position:absolute;left:5%;right:5%;bottom:0;height:19%;border-radius:50%;background:#796645;transition:background .55s ease,box-shadow .7s ease}.frame-link:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .gallery-light-bulb{background:#fff4cb;box-shadow:0 2px 5px #fff1bb,0 5px 16px #ffe4a5b0}.gallery-light-wash{position:absolute;left:-6%;top:-5%;width:112%;height:108%;opacity:var(--gallery-on);background:radial-gradient(ellipse 34% 5% at 50% 5%,#fff2bd7a,transparent 100%),radial-gradient(ellipse 46% 68% at 50% 4%,#ffe9a257 0%,#ffe3a133 35%,#ffe9ba12 64%,transparent 92%);mix-blend-mode:screen;filter:blur(5px);transition:opacity .7s ease}.gallery-light-wash:after{content:"";position:absolute;left:13%;top:8%;width:74%;height:83%;background:linear-gradient(#fff1b947,#ffdd9212 65%,transparent);clip-path:polygon(27% 0,73% 0,100% 100%,0 100%);filter:blur(18px);-webkit-mask-image:radial-gradient(ellipse at 50% 8%,#000 18%,transparent 73%);mask-image:radial-gradient(ellipse at 50% 8%,#000 18%,transparent 73%)}.gallery-frame-shadow{position:absolute;left:-4%;top:-5%;width:107%;height:112%;opacity:calc(var(--gallery-on) * .5);background:linear-gradient(145deg,transparent 55%,#39220e80);clip-path:polygon(95% 2%,99% 4%,100% 100%,0 93%,0 89%,93% 96%);filter:blur(7px);transform:translate(4px,8px);transition:opacity .7s ease}@media(max-width:760px){.gallery-light{min-height:12px}.gallery-light-wash{filter:blur(2px)}.gallery-frame-shadow{filter:blur(3px);transform:translate(2px,4px)}}@media(prefers-reduced-motion:reduce){.gallery-light-bulb,.gallery-light-wash,.gallery-frame-shadow{transition:none}}@media(min-width:761px){.header:not(.detail-header){justify-content:flex-start;gap:6%}.header:not(.detail-header) nav{margin-right:auto}}@media(min-width:761px)and (max-width:1100px){.header:not(.detail-header){gap:26px}.header:not(.detail-header) .wordmark{font-size:27px}.header:not(.detail-header) nav{gap:17px;font-size:11px}.header:not(.detail-header) .hello{padding:10px 15px;gap:8px}}.frame-link .gallery-light{pointer-events:auto}.hero{overflow:clip}.header:not(.detail-header){pointer-events:none}.header:not(.detail-header)>*{pointer-events:auto}.books-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.shelf-cover{height:285px}.shelf-book-copy h2{font-size:34px}.reader-page{min-height:0;aspect-ratio:2.588;align-items:center}.reader-page.drew{aspect-ratio:2}.reader-page.reader-spread{display:grid;grid-template-columns:1fr 1fr;gap:0}.reader-page.reader-spread img{width:100%;max-width:100%;max-height:none;box-shadow:none}.reader-page.reader-cover img{width:auto;max-height:100%;height:100%;max-width:100%;object-fit:contain}.reader-story-caption{max-width:700px;margin:28px auto 0;text-align:center}.reader-story-caption h3{font-family:var(--serif);font-size:30px;margin-bottom:8px}.reader-story-caption p{font-size:14px;color:var(--muted);line-height:1.7}.reader-count{margin-left:8px}.reader-moments{display:flex;justify-content:center;gap:14px;margin-top:30px;padding-top:25px;border-top:1px solid #d0cbbd}.reader-moments button{width:132px;padding:5px;flex:1;max-width:155px;opacity:.65;transition:opacity .2s}.reader-moments button:hover,.reader-moments button[aria-pressed=true]{opacity:1}.moment-thumbnail{height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;border:2px solid transparent;border-radius:2px;padding:3px}.reader-moments button[aria-pressed=true] .moment-thumbnail{border-color:#9b7453}.moment-thumbnail img{max-width:50%;max-height:100%;object-fit:contain}.moment-thumbnail img:only-child{max-width:100%}.reader-moments button>span:last-child{display:block;font-size:10px;line-height:1.45}@media(max-width:1100px){.shelf-cover{height:235px}.shelf-book-copy h2{font-size:30px}}@media(max-width:760px){.books-shelf{grid-template-columns:1fr;gap:45px}.shelf-cover{height:270px}.shelf-book-copy h2{font-size:34px}.reader-page{aspect-ratio:auto;min-height:0}.reader-page.reader-cover img{height:auto;max-height:400px}.reader-story-caption{margin:22px 8px 0}.reader-story-caption h3{font-size:28px}.reader-story-caption p{font-size:13px}.reader-moments{justify-content:flex-start;overflow-x:auto;gap:10px;margin-top:24px;padding-top:18px;padding-bottom:7px}.reader-moments button{flex:0 0 100px}.moment-thumbnail{height:52px}.reader-controls{margin-top:20px}}.book-detail .detail-intro{padding-top:32px;padding-bottom:32px}.book-detail .back-link{margin-bottom:28px}.book-detail .detail-intro h1{font-size:clamp(52px,6.5vw,94px)}.book-detail .reader-section{padding-bottom:0}.reader-heading{align-items:start;gap:40px}.reader-introduction{max-width:460px;padding-top:3px}.reader-introduction p{font-size:16px;line-height:1.65;margin:0 0 12px}.reader-introduction span{font-size:11px;color:var(--muted)}.book-production-role{max-width:310px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.book-production-role p{font-size:14px;line-height:1.7;margin-top:10px}.book-reality{font-size:17px;line-height:1.8;color:var(--muted);margin-top:24px}@media(max-width:760px){.book-detail .detail-intro{padding-top:26px;padding-bottom:28px}.book-detail .back-link{margin-bottom:24px}.book-detail .detail-intro h1{font-size:clamp(46px,8vw,60px)}.book-detail .detail-tagline{font-size:18px;line-height:1.5;margin-top:12px}.reader-introduction{max-width:none;margin-top:16px;padding:0}.reader-introduction p{font-size:14px;margin-bottom:10px}.book-detail .detail-story{padding-top:55px}.book-production-role{margin-top:26px;padding-top:20px}.book-reality{font-size:16px}}.desk-book{position:absolute;left:67%;bottom:3%;width:17.5%;aspect-ratio:1.293;z-index:10;pointer-events:none;outline:none}.desk-book-scene{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform:perspective(1300px) rotateX(52deg) rotate(-12deg);transform-style:preserve-3d;pointer-events:none}.desk-book-block{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:#fff6e9;border:3px solid #a54d78;border-radius:2px 5px 5px 2px;transform:translateZ(0);box-shadow:0 2px #e9dbc8,0 3px #c2b5a5,0 5px #f7e9d6,0 7px #bda994,0 9px #97436c,3px 14px 9px #44271135,8px 21px 22px #44271125;pointer-events:auto}.desk-book-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#4e244b38,transparent 12%,transparent 90%,#fff3e624);border-radius:inherit;pointer-events:none}.desk-book img{display:block;width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:inherit}.desk-book-cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:0 50%;transform:translateZ(.2px) rotateY(0);transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.25,.65,.2,1);pointer-events:none;will-change:transform}.desk-book-front,.desk-book-inside{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border:3px solid #ac5782;border-radius:2px 5px 5px 2px;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff5eb}.desk-book-front{transform:translateZ(.05px);box-shadow:inset 4px 0 5px #522c5433}.desk-book-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#391c4140,transparent 5%,#fff3e516 48%,transparent 85%);box-shadow:inset 0 0 1px 1px #fff1;pointer-events:none}.desk-book-inside{transform:rotateY(180deg) translateZ(.05px);box-shadow:inset -8px 0 12px #774a4430,0 6px 12px #43261020;pointer-events:auto}.desk-book-inside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(270deg,#63413a2b,transparent 14%);pointer-events:none}.desk-book:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .desk-book-cover{transform:translateZ(.2px) rotateY(-180deg)}.desk-book:focus-visible{outline:none!important}.desk-book:focus-visible .desk-book-block{outline:2px solid var(--ink);outline-offset:6px}@media(min-width:761px)and (max-width:1100px){.desk-book{left:66%;bottom:6%;width:19%}}@media(max-width:760px){.desk-book{left:70%;bottom:7%;width:19%}}@media(prefers-reduced-motion:reduce){.desk-book-cover{transition:none}}.work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desk-stage [data-desk-object]{touch-action:pinch-zoom}.desk-stage{touch-action:pan-y pinch-zoom}.studio-hero .postcard[data-preview-active] .invitation-card{pointer-events:auto}.studio-hero{aspect-ratio:1505/1140;min-height:0;max-height:none;background:#e8ddc9;overflow:clip;isolation:isolate}.studio-hero:after,.studio-hero .desk-stage:before{display:none}.studio-hero .desk-stage{top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto}.studio-hero .desk-background{object-fit:fill;pointer-events:none}.studio-hero .hero-copy{left:4.8%;top:16.8%;width:40%;z-index:8}.studio-hero .eyebrow{font-size:clamp(9px,.78vw,14px);letter-spacing:.19em}.studio-hero h1{font-size:clamp(60px,7.1vw,160px);line-height:.88;letter-spacing:-.035em;margin:14px 0 20px;color:#172a20}.studio-hero .hero-description{font-size:clamp(15px,1.6vw,28px);line-height:1.4;color:#405047}.studio-hero .explore-link{margin-top:20px;padding:9px 0 6px;font-size:clamp(13px,1.25vw,21px);color:#34473c;border-color:#667164;font-weight:400}.studio-shelf{position:absolute;left:40.5%;top:-1.4%;width:60%;z-index:2;container-type:inline-size}.studio-gallery{width:100%;pointer-events:none}.studio-hero .frame-link{left:11.4%;top:7.2%;width:35.2%;height:75.7%;transform:none;z-index:3}.studio-hero .gallery-light-wash{left:-4%;top:1%;width:108%;height:100%}.studio-hero .client-book{--book-rest-y:-33%;left:51%;top:66.3%;bottom:auto;width:44%;aspect-ratio:7.5;z-index:4}.studio-hero .story-spine{--book-rest-y:-38%;left:53%;top:53.9%;bottom:auto;width:41%;aspect-ratio:8;z-index:5}.studio-hero :is(.client-book,.story-spine):after{clip-path:none;left:calc(2% - 2.64cqw);right:2%;height:max(100%,44px)}.studio-hero .client-book:after{top:0;bottom:auto;height:max(calc(100% + 2.3cqw),44px)}.studio-hero .story-spine:after{top:auto;bottom:1px}.studio-hero .client-book>img,.studio-hero .story-spine>img{position:absolute;top:0;transform:translate3d(var(--book-slide-x,0px),calc(var(--book-rest-y) + var(--book-slide-y,0px)),0) scale(var(--book-scale,1));transform-origin:50% 75%;filter:var(--book-shadow,drop-shadow(0 0 0 #3f2b1700));transition:transform .95s cubic-bezier(.22,.65,.25,1),filter .95s cubic-bezier(.22,.65,.25,1)}.studio-hero :is(.client-book,.story-spine):is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active])>img{--book-slide-x:-2.64cqw;--book-slide-y:2.21cqw;--book-scale:1.025;--book-shadow:drop-shadow(3px 6px 3px #3f2b1730)}.studio-hero .cup-link{left:27%;top:49%;width:17%;height:auto;z-index:4;filter:none}.studio-hero .cup-link img{width:100%;pointer-events:none}.studio-hero .cup-link,.studio-hero .etzly-tree{isolation:isolate}.studio-hero .cup-link:before,.studio-hero .etzly-tree:before{content:"";position:absolute;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 50%,#38271866,#38271838 32%,#38271812 53%,#38271800 72%);transform:rotate(-3deg)}.studio-hero .cup-link:before{left:9%;top:84%;width:86%;height:13%}.studio-hero .cup-link>img{filter:drop-shadow(0 2px 1px #49321c20)}.studio-hero .coffee-steam{left:10%;top:-45%;width:64%;height:72%;z-index:5;filter:brightness(1.15) drop-shadow(0 0 .6px #fffef4d9) drop-shadow(0 1px 1px #51391f45);transition:opacity .65s ease}.studio-hero .steam-one{animation-name:studio-steam-rise}.studio-hero .steam-two{animation-name:studio-steam-curl}.studio-hero .cup-link:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .coffee-steam{opacity:1}.studio-hero .cup-link:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .steam-wisp{animation-play-state:running}@keyframes studio-steam-rise{0%,to{opacity:.65;transform:scale(.8,.92) rotate(-3deg)}50%{opacity:1;transform:scaleY(1.08) rotate(3deg)}}@keyframes studio-steam-curl{0%,to{opacity:.35;transform:scale(-.76,.9) rotate(3deg)}50%{opacity:.65;transform:scale(-.96,1.12) rotate(-4deg)}}.studio-hero .phone-object{left:42.5%;top:24%;width:20.5%;z-index:6;filter:drop-shadow(5px 9px 7px #462c1525);pointer-events:none}.studio-hero .phone-overview-link{top:5.7%;right:11.8%;bottom:15%;left:11.8%;border-radius:19% 19% 7% 7%/9% 9% 5% 5%;pointer-events:auto}.studio-hero .phone-app{min-height:44px}.studio-hero .etzly-tree{left:69%;top:22%;bottom:auto;width:30%;z-index:4;filter:none}.studio-hero .etzly-tree:before{left:25%;top:90%;width:58%;height:10%}.studio-hero .packing-note,.studio-hero .packing-note:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){--peel:.5%;left:18%;top:58%;width:8.5%;z-index:5;transform:perspective(1000px) rotateX(46deg) rotate(-8deg);filter:drop-shadow(0 1px 0 #b5a44b80) drop-shadow(2px 4px 2px #4a2c152d);transition:none}.studio-hero .packing-note:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){--peel:21%}.studio-hero .packing-note>img{clip-path:polygon(5% 5%,95% 5%,95% calc(95% - var(--peel)),calc(95% - var(--peel)) 95%,5% 95%);transition:clip-path 1s cubic-bezier(.22,.65,.25,1)}.packing-curl{position:absolute;right:5%;bottom:5%;width:var(--peel);height:var(--peel);filter:drop-shadow(2px 3px 2px #66501745);pointer-events:none;transition:width 1s cubic-bezier(.22,.65,.25,1),height 1s cubic-bezier(.22,.65,.25,1)}.packing-curl:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,0 100%);background:linear-gradient(135deg,#fff6b5 35%,#f1df86 75%,#bba64e);border-radius:2px 0 0}.studio-hero .postcard,.studio-hero .postcard:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){left:-1%;top:73%;bottom:auto;width:34%;z-index:5;transform:perspective(1400px) rotateX(48deg) rotate(-6deg);transform-origin:50% 0;filter:drop-shadow(0 1.5px 0 #bcb19a90) drop-shadow(3px 6px 3px #4a2c1530)}.studio-hero .postcard .invitation-card{top:29%;height:64%;transition:transform 1s cubic-bezier(.22,.65,.25,1)}.studio-hero .desk-book{left:66%;top:75%;bottom:auto;width:25%;z-index:7}.studio-hero .desk-book-scene{transform:perspective(2000px) rotateX(52deg) rotate(-5deg);transform-origin:50% 0}.studio-hero .desk-book-block{box-shadow:0 2px #e9dbc8,0 3px #c2b5a5,0 5px #f7e9d6,0 7px #bda994,0 9px #97436c,1px 11px 3px #38241430,5px 16px 9px #44271124}.studio-hero .desk-book:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]) .desk-book-cover{transform:translateZ(.2px) rotateY(-180deg)}.studio-hero .desk-caption{left:4.8%;right:4.8%;bottom:1.5%;min-height:30px;border-bottom:1px solid #655d4250;padding-bottom:9px;color:#304134}.studio-disciplines{display:flex;gap:30px;align-items:center;justify-content:center;width:100%;font-size:clamp(9px,.74vw,13px);letter-spacing:.16em;text-transform:uppercase}.studio-disciplines i{font-style:normal;opacity:.65}.header:not(.detail-header){justify-content:space-between;gap:0;background:none}.header:not(.detail-header) nav{margin-right:0;gap:30px}.header:not(.detail-header) .hello{border:0;padding:15px 0}.header:not(.detail-header) .hello{background:none}.header:not(.detail-header) .hello svg{display:none}.header:not(.detail-header) .wordmark{font-size:clamp(27px,2.35vw,42px)}@media(min-width:761px)and (max-width:1100px){.studio-hero .hero-copy{top:17%;width:40%}.studio-hero h1{font-size:7.1vw;margin:15px 0 17px}.studio-hero .hero-description{font-size:1.6vw}.studio-hero .explore-link{font-size:1.3vw;margin-top:13px}.header:not(.detail-header) nav{gap:18px;font-size:11px}.studio-disciplines{gap:20px}}.studio-hero{--shelf-x:clamp(0px, calc(200vw - 1200px) ,40.5vw);--shelf-y:max(-1.0605vw,min(320px, calc(1440px - 160vw) ));--shelf-width:clamp(60vw, calc(520px + 10vw) ,min(102vw,calc(100vw - var(--shelf-x))));--phone-width:clamp(160px,47vw, calc(213.4px + 1.1vw) );--phone-x:clamp(31vw, calc(67vw - 162px) ,42.5vw);--phone-y:calc(var(--shelf-y) + var(--shelf-width) * .32);--cup-width:min(27vw, calc(17vw + clamp(0px, calc(1100px - 100vw) * .12,60px)) );--cup-x:clamp(1vw, calc(42vw - 165px) ,27vw);--cup-y:calc(var(--shelf-y) + var(--shelf-width) * .4 + clamp(0px, calc(100vw - 600px) * .312,156px));--tree-x: calc(68vw + clamp(0px, calc(100vw - 600px) * .022,11px)) ;--tree-width:min(35vw, calc(30vw + clamp(0px, calc(1100px - 100vw) * .06,30px)) ,calc((100vw - var(--tree-x) - 4px) / .96));--note-width: calc(8.5vw + clamp(0px, calc(1100px - 100vw) * .07,36px)) ;--letter-width:min( calc(34vw + clamp(0px, calc(1100px - 100vw) * .12,47px)) ,calc(var(--phone-x) * 1.08 + 14px));--letter-y:calc(var(--phone-y) + var(--phone-width) * 1.3 + clamp(0px, calc(100vw - 800px) * .387,116px));--book-width: calc(25vw + clamp(0px, calc(1100px - 100vw) * .071,55px)) ;--book-y:max(calc(var(--phone-y) + var(--phone-width) * 1.84 + 12px),calc(var(--letter-y) + var(--letter-width) * .54 + 18px - clamp(0px, calc(100vw - 800px) * .7,210px)));--desk-back-edge:calc(var(--cup-y) + var(--cup-width) * .42);height:max(73vw,calc(var(--book-y) + var(--book-width) * .65 + 24px));aspect-ratio:auto}.studio-hero .studio-shelf{left:var(--shelf-x);top:var(--shelf-y);width:var(--shelf-width)}.studio-hero .phone-object{left:var(--phone-x);top:var(--phone-y);width:var(--phone-width)}.studio-hero .cup-link{left:var(--cup-x);top:var(--cup-y);width:var(--cup-width)}.studio-hero .etzly-tree{left:var(--tree-x);top:max(calc(var(--cup-y) + var(--cup-width) * 1.111 - var(--tree-width) * 1.312),calc(var(--shelf-y) + var(--shelf-width) * .36 - var(--tree-width) * .08));width:var(--tree-width)}.studio-hero .packing-note,.studio-hero .packing-note:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){left:max(3vw,calc(var(--cup-x) - var(--note-width) - 16px));top:calc(var(--cup-y) + var(--cup-width) * .4 + clamp(0px,calc(700px - 100vw) * .425,85px));width:var(--note-width)}.studio-hero .postcard,.studio-hero .postcard:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){left:-1%;top:var(--letter-y);width:var(--letter-width)}.studio-hero .desk-book{left:min(calc(57vw + clamp(0px,calc(100vw - 600px) * .198,99px)),calc(93vw - var(--book-width)));top:var(--book-y);width:var(--book-width)}.studio-hero .desk-background{position:absolute;bottom:0;left:0;height:max(100%,calc((100% - var(--desk-back-edge)) / .44));object-fit:cover;object-position:28% 0}.studio-hero .hero-copy{left:clamp(4.8vw,calc(38.4px - 1.6vw),7vw);top:clamp(94px,calc(22px + 10.8vw),16.8%);width:clamp(40vw,calc(744px - 38vw),86vw)}.studio-hero h1{font-size:clamp(54px,7.1vw,160px);line-height:.92;margin:28px 0 18px}.studio-hero .hero-description{font-size:clamp(15px,1.6vw,28px)}.studio-hero .eyebrow{font-size:clamp(9px,.78vw,14px)}.studio-hero .explore-link{font-size:clamp(13px,1.25vw,21px);margin-top:14px}@media(max-width:1100px){.studio-hero .etzly-tree:after{--tree-hit-top:8%;clip-path:polygon(35% var(--tree-hit-top),68% var(--tree-hit-top),90% 32%,94% 65%,75% 95%,25% 95%,9% 65%,12% 31%)}}@media(min-width:1101px){.studio-hero{--shelf-width:60vw;--phone-width:20.5vw;--cup-y:37.116vw;--letter-y:55.296vw;--book-y:56.811vw}.studio-hero .etzly-tree{left:69vw;top:16.664vw}.studio-hero .desk-book{left:66vw}}@media(max-width:760px){.studio-hero .desk-caption{left:7%;right:7%;bottom:12px;padding-bottom:9px}.studio-disciplines{font-size:7px;letter-spacing:.08em;gap:10px}.header:not(.detail-header) .wordmark{font-size:28px}.header:not(.detail-header) nav{gap:8px}.studio-hero .phone-app-grid{left:7%;right:7%;column-gap:4cqw}.studio-hero .phone-app{min-height:44px;gap:3cqw}.studio-hero .phone-app img{width:27cqw}.studio-hero .phone-app span{font-size:max(6px,5.2cqw)}}@media(max-width:360px){.studio-hero .phone-app-grid{left:4%;right:4%;column-gap:0}}@media(prefers-reduced-motion:reduce){.studio-hero .packing-note:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){--peel:.5%}.studio-hero :is(.client-book,.story-spine)>img{transform:translate3d(0,var(--book-rest-y),0) scale(1);filter:none}}.desk-stage,.desk-stage *,.desk-stage *:before,.desk-stage *:after{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.desk-stage [data-desk-object][data-touch-input],.desk-stage [data-desk-object][data-touch-input] *{outline:none}@media(max-width:900px){.studio-hero{--mobile-mix:1;--desktop-mix:calc(1 - var(--mobile-mix));--mobile-phone-width:clamp(150px,40vw,220px);--mobile-phone-y: calc(58px + 28vw + clamp(0px, calc(390px - 100vw) ,70px)) ;--mobile-floor-y:calc(var(--mobile-phone-y) + var(--mobile-phone-width) * 1.96);--mobile-shelf-y: calc(58px - 2.88vw) ;--mobile-height:calc(var(--mobile-floor-y) + 31vw * .73 + 24px);--wide-height:max(73vw,calc(var(--book-y) + var(--book-width) * .65 + 24px));height:calc(var(--wide-height) * var(--desktop-mix) + var(--mobile-height) * var(--mobile-mix));--desk-back-edge:calc((var(--cup-y) + var(--cup-width) * .42) * var(--desktop-mix) + (var(--mobile-floor-y) - 34vw) * var(--mobile-mix))}.studio-hero .studio-shelf{left:calc(var(--shelf-x) * var(--desktop-mix) + 32.5vw * var(--mobile-mix));top:calc(var(--shelf-y) * var(--desktop-mix) + var(--mobile-shelf-y) * var(--mobile-mix));width:calc(var(--shelf-width) * var(--desktop-mix) + 68vw * var(--mobile-mix))}.studio-hero .hero-copy{left:4.8%;top:calc(clamp(94px,calc(22px + 10.8vw),16.8%) * var(--desktop-mix) + (74px + 10vw) * var(--mobile-mix));width:calc(clamp(40vw,calc(744px - 38vw),86vw) * var(--desktop-mix) + 40vw * var(--mobile-mix))}.studio-hero h1{font-size:calc(clamp(54px,7.1vw,160px) * var(--desktop-mix) + 7.1vw * var(--mobile-mix));margin:calc(28px - 6px * var(--mobile-mix)) 0 calc(18px - 6px * var(--mobile-mix))}.studio-hero .eyebrow{font-size:calc(clamp(9px,.78vw,14px) * var(--desktop-mix) + 1.65vw * var(--mobile-mix))}.studio-hero .hero-description{font-size:calc(clamp(15px,1.6vw,28px) * var(--desktop-mix) + max(10px,2.5vw) * var(--mobile-mix));max-width:max(calc(var(--shelf-x) * var(--desktop-mix) + 32.5vw * var(--mobile-mix) - 4.8vw - 12px),calc((35.7vw - 12px) * var(--mobile-mix) * var(--mobile-mix)))}.studio-hero .explore-link{font-size:calc(clamp(13px,1.25vw,21px) * var(--desktop-mix) + max(11px,2.5vw) * var(--mobile-mix));gap:7px;margin-top:8px;min-height:44px}.studio-hero .explore-link svg{width:13px}.studio-hero .phone-object{left:calc(var(--phone-x) * var(--desktop-mix) + (38vw - clamp(0px,calc(390px - 100vw) * .28,20px)) * var(--mobile-mix));top:calc(var(--phone-y) * var(--desktop-mix) + var(--mobile-phone-y) * var(--mobile-mix));width:calc(var(--phone-width) * var(--desktop-mix) + var(--mobile-phone-width) * var(--mobile-mix))}.studio-hero .cup-link{left:calc(var(--cup-x) * var(--desktop-mix) + (21vw - clamp(0px,calc(390px - 100vw) * .38,27px)) * var(--mobile-mix));top:calc(var(--cup-y) * var(--desktop-mix) + (var(--mobile-floor-y) - 42vw) * var(--mobile-mix));width:calc(var(--cup-width) * var(--desktop-mix) + 22vw * var(--mobile-mix))}.studio-hero .etzly-tree{left:calc(var(--tree-x) * var(--desktop-mix) + 64vw * var(--mobile-mix));top:calc(max(calc(var(--cup-y) + var(--cup-width) * 1.111 - var(--tree-width) * 1.312),calc(var(--shelf-y) + var(--shelf-width) * .36 - var(--tree-width) * .08)) * var(--desktop-mix) + (var(--mobile-floor-y) - 65vw) * var(--mobile-mix));width:calc(var(--tree-width) * var(--desktop-mix) + 36vw * var(--mobile-mix))}.studio-hero .etzly-tree:after{--tree-hit-top:8%}.studio-hero .packing-note,.studio-hero .packing-note:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){left:calc(max(3vw,calc(var(--cup-x) - var(--note-width) - 16px)) * var(--desktop-mix) + 7vw * var(--mobile-mix));top:calc((var(--cup-y) + var(--cup-width) * .4 + clamp(0px,calc(700px - 100vw) * .425,85px)) * var(--desktop-mix) + (var(--mobile-floor-y) - 17vw) * var(--mobile-mix));width:calc(var(--note-width) * var(--desktop-mix) + 13vw * var(--mobile-mix))}.studio-hero .postcard,.studio-hero .postcard:is(:hover:where(:not([data-touch-input])),:focus-visible:where(:not([data-touch-input])),[data-preview-active]){left:-1%;top:calc(var(--letter-y) * var(--desktop-mix) + (var(--mobile-floor-y) + 2vw) * var(--mobile-mix));width:calc(var(--letter-width) * var(--desktop-mix) + 34vw * var(--mobile-mix))}.studio-hero .desk-book{left:calc(min(calc(57vw + clamp(0px,calc(100vw - 600px) * .198,99px)),calc(93vw - var(--book-width))) * var(--desktop-mix) + 65vw * var(--mobile-mix));top:calc(var(--book-y) * var(--desktop-mix) + (var(--mobile-floor-y) + 4vw) * var(--mobile-mix));width:calc(var(--book-width) * var(--desktop-mix) + 31vw * var(--mobile-mix))}.studio-hero .desk-book-scene{transform:perspective(2000px) rotateX(52deg) rotate(-5deg)}.studio-hero .phone-app img{width:calc(27cqw + 5cqw * var(--mobile-mix))}.studio-hero .phone-app-grid{left:calc(7% - 4% * var(--mobile-mix));right:calc(7% - 4% * var(--mobile-mix));column-gap:calc(4cqw - 2cqw * var(--mobile-mix));row-gap:calc(9cqw - 2cqw * var(--mobile-mix))}.studio-hero .phone-app span{font-size:max(7px,5.2cqw)}}@media(prefers-reduced-motion:reduce){.studio-hero .postcard .invitation-card{transform:none}.studio-hero .desk-book .desk-book-cover,.studio-hero .desk-book:is(:hover,:focus-visible,[data-preview-active]) .desk-book-cover{transform:translateZ(.2px) rotateY(0)}.studio-hero .phone-app img{transform:none}}.studio-disciplines{align-items:flex-end}.studio-disciplines a{display:inline-flex;min-height:44px;align-items:flex-end}.collection-introduction p{font-size:14px;color:var(--muted)}.collection-introduction .text-link{min-height:44px;margin-top:6px;font-size:13px}.all-projects{max-width:1500px;margin:auto;padding-top:36px}.all-projects .back-link{margin-bottom:30px}.all-projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.back-link{min-height:44px;font-size:14px}.project-card{scroll-margin-block:32px}.website-card .cover-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;object-fit:cover;object-position:left top;transform-origin:left top}.footer .wordmark{line-height:1.1}.card-meta{color:#59624e;font-size:11px;line-height:1.5}.card-meta span:last-child{color:#59624e}.work .filter-bar{margin-bottom:14px}.collection-pager{display:flex;align-items:center;justify-content:space-between;gap:16px}.collection-pager-top{margin-bottom:26px}.collection-pager-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.collection-range{font-size:12px;color:var(--muted)}.collection-page-controls{display:flex;align-items:center;gap:14px}.collection-page-controls>span{font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted);min-width:35px;text-align:center}.collection-page-controls button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #adb4a3;border-radius:50%;color:var(--ink);transition:background .2s,border-color .2s}.collection-page-controls button:hover:enabled{background:#e7e9de;border-color:var(--ink)}.collection-page-controls button:disabled{opacity:.3;cursor:default}.collection-page-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.collection-page{scroll-margin-top:24px;animation:collection-arrive .3s ease-out both}.collection-announcement{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes collection-arrive{0%{opacity:.35;transform:translate(calc(var(--page-direction,1)*10px))}to{opacity:1;transform:translate(0)}}.studio-hero .phone-app span{font-size:max(9px,5.2cqw);white-space:normal;max-width:100%;line-height:1.15}.studio-hero .phone-app small{font-size:max(8px,4.4cqw)}@media(max-width:1100px){.header .menu-toggle{display:block;min-width:44px;min-height:44px;z-index:1;margin-left:auto}.header nav{display:none;position:absolute;top:68px;left:auto;right:4.5%;width:max-content;min-width:160px;max-width:calc(100vw - 32px);padding:8px;background:var(--paper);box-shadow:0 10px 30px #29302315;border:1px solid var(--line)}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0;font-size:14px}.header nav a{display:flex;align-items:center;padding:10px 14px!important;min-height:44px}.header .hello{border-radius:3px;justify-content:space-between}}@media(max-width:760px){.footer{row-gap:6px;padding:24px 0}.footer .wordmark{font-size:28px}.studio-disciplines{font-size:10px;gap:10px;letter-spacing:.04em}.work{padding-top:44px}.work .section-heading{margin-bottom:18px}.work .section-heading .eyebrow{margin-bottom:12px}.collection-introduction{margin-top:14px}.collection-introduction p{font-size:14px}.collection-introduction .text-link{margin-top:0}.all-projects{padding-top:26px}.filter-bar{gap:0;justify-content:space-between;margin-bottom:24px}.filter-bar button{font-size:12px;min-height:44px}.collection-pager-top{margin-bottom:20px}.collection-pager-bottom{margin-top:28px;padding-top:16px}.collection-page-controls{gap:10px}.card-meta{font-size:11px;letter-spacing:.2px;line-height:1.45;margin:14px 0 10px}.card-meta span:last-child{color:#59624e;margin-top:4px}.project-card>p{font-size:14px;line-height:1.6}.reader-controls span{font-size:12px}.reader-moments button>span:last-child{font-size:12px}.reader-introduction span{font-size:12px}}@media(max-width:360px){.studio-disciplines{font-size:9px;gap:7px}.project-grid{column-gap:14px}}