:root{--paper: oklch(95.5% .011 82);--paper-2: oklch(93% .013 82);--ink: oklch(20% .018 40);--ink-2: oklch(38% .014 40);--muted: oklch(54% .012 40);--amber: oklch(56% .16 50);--amber-2: oklch(48% .16 40);--rule: oklch(78% .014 60)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:EB Garamond,Cormorant Garamond,serif;font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 31px,oklch(70% .02 60 / .18) 31px,oklch(70% .02 60 / .18) 32px),radial-gradient(oklch(40% .02 40 / .04) .6px,transparent .6px);background-size:auto,4px 4px}img,svg{display:block;max-width:100%}.paper{min-height:100vh;padding:32px 16px 80px}.sheet{max-width:780px;margin:0 auto;padding:44px 48px 56px;background:#f6f3ed;box-shadow:0 1px #c5bcb4,0 30px 60px #301d0d14,0 80px 120px #301d0d0a;position:relative;border-radius:2px}.sheet:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,oklch(98% .008 82) 0%,transparent 65%);pointer-events:none;border-radius:2px;z-index:0}.sheet>*{position:relative;z-index:1}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:32px;border-bottom:1px solid var(--rule);position:relative}.folio{display:flex;flex-direction:column;gap:6px}.folio .brand-name{line-height:1.15;letter-spacing:.12em}.mono{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.studio-mark{min-width:132px;color:var(--amber-2);transform:rotate(-6deg) translateY(-10px);opacity:.94;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;font-family:Caveat,cursive;text-align:center}.studio-mark span{display:block;font-weight:600;line-height:1;font-size:30px}.studio-mark i{display:block;width:92px;height:2px;margin:8px 0 7px;background:currentColor;border-radius:999px;opacity:.72;transform:rotate(-3deg)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.6fr);gap:40px;align-items:start;padding:56px 0 40px}.kicker{margin:0 0 10px;font-size:17px;color:var(--ink-2)}.kicker em{font-style:italic;color:var(--amber-2)}h1{margin:0;font-family:EB Garamond,serif;font-weight:500;font-size:clamp(54px,4vw + 18px,80px);line-height:1.02;letter-spacing:0;color:var(--ink)}h1 .line-1{display:block;color:var(--ink)}h1 .line-2{display:block;margin-top:-4px;font-style:italic;color:var(--ink)}h1 em{color:var(--ink);font-weight:500}.caveat{font-family:Caveat,cursive;font-weight:500;font-size:1.55em;line-height:1.1}.lede{margin:42px 0 0;font-size:21px;line-height:1.5;max-width:32ch;color:var(--ink)}.lede .strike{text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:var(--amber);color:var(--ink-2)}.lede .ins{color:var(--amber-2);margin-left:6px;font-size:.95em}.actions{margin:36px 0 0}.link{display:inline-flex;align-items:center;gap:4px;font-family:EB Garamond,serif;font-size:22px;font-style:italic;font-weight:500;color:var(--ink);text-decoration:none;position:relative;padding:4px 0}.link .arrow{width:64px;height:14px;color:var(--amber);transition:transform .4s cubic-bezier(.22,1,.36,1)}.link:hover .arrow{transform:translate(6px)}.link:after{content:"";position:absolute;left:0;right:70px;bottom:-2px;height:1.5px;background:var(--ink);opacity:.5}.link:focus-visible,.mail:focus-visible{outline:2px solid var(--amber);outline-offset:6px;border-radius:2px}.hero-aside{position:relative;padding-top:8px}figure{margin:0;text-align:center;transform:rotate(2deg)}.pattern-study{width:180px;height:auto;margin:0 auto;color:var(--ink)}figcaption{margin-top:12px}.margin-note{position:absolute;right:-12px;top:-42px;color:var(--amber-2);font-size:22px;transform:rotate(8deg);opacity:.85}.rule{border:0;border-top:1px solid var(--rule);margin:48px 0}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:32px}.grid-3 article{position:relative;display:flex;flex-direction:column}.section-num{margin:0 0 10px;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:500;color:var(--amber-2);letter-spacing:.06em}.grid-3 h2{margin:0 0 6px;font-family:EB Garamond,serif;font-size:26px;font-weight:500;font-style:italic;line-height:1.15;letter-spacing:0}.grid-3 p{margin:0;max-width:26ch;color:var(--ink-2);font-size:17px}.annot{margin-top:auto!important;padding-top:10px;color:var(--amber-2)!important;opacity:.8;transform:rotate(-1.5deg);font-size:18px!important}.principles-head{margin-bottom:32px}.principles-head h2{margin:14px 0 0;font-family:EB Garamond,serif;font-size:clamp(36px,3vw + 20px,56px);font-weight:500;line-height:1.05;letter-spacing:0;max-width:18ch}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:20px}.checklist li{display:grid;grid-template-columns:36px 1fr;gap:18px;align-items:start;padding:4px 0}.checklist .check{width:28px;height:22px;color:var(--amber);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.checklist h3{margin:0 0 4px;font-family:EB Garamond,serif;font-size:26px;font-weight:500;font-style:italic;line-height:1.15;letter-spacing:0}.checklist p{margin:0;font-size:17px;color:var(--ink-2)}.checklist .amber{color:var(--amber-2)}.crossed{opacity:.55}.crossed .check{color:var(--muted);transform:rotate(15deg)}.process .loop{margin:28px 0 0}.loop svg{width:100%;height:auto;max-width:720px;color:var(--ink)}.process-note{margin:18px 0 0;max-width:42ch;font-size:21px;line-height:1.4;font-style:italic;color:var(--ink-2)}.quote{position:relative;padding:36px 0}.blot{position:absolute;right:10%;top:0;width:260px;height:230px;border-radius:62% 38% 58% 42%/46% 56% 44% 54%;background:color-mix(in oklch,var(--amber) 14%,transparent);opacity:.45;filter:blur(18px);z-index:0;transform:rotate(-10deg)}blockquote{position:relative;margin:0;padding:0;font-size:clamp(36px,3vw + 18px,64px);line-height:1.05;font-weight:500;font-family:EB Garamond,serif;z-index:1}blockquote em{color:var(--amber-2);font-style:italic}blockquote footer{margin-top:22px;font-size:11px;font-style:normal}.contact{padding:24px 0 12px}.contact-line{margin:14px 0 18px;font-size:22px;font-style:italic;color:var(--ink-2)}.mail{display:inline-block;position:relative;font-family:EB Garamond,serif;font-size:clamp(28px,2vw + 16px,42px);font-weight:500;color:var(--ink);text-decoration:none;padding-bottom:8px}.mail .under{position:absolute;left:0;right:0;bottom:-4px;width:100%;height:8px;color:var(--amber);opacity:.8}.mail:hover{color:var(--amber-2)}.sheet-foot{display:flex;justify-content:space-between;padding-top:28px;margin-top:56px;border-top:1px solid var(--rule)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.link .arrow{transition:none}}@media(max-width:820px){:root{--ink-2: oklch(31% .014 40);--muted: oklch(43% .012 40);--rule: oklch(68% .014 60)}.paper{padding:16px 8px 60px}.sheet{padding:28px 24px 40px;border-radius:1px;box-shadow:0 1px #c5bcb4,0 16px 32px #301d0d0f}.mono{font-size:12px;font-weight:600}.hero{grid-template-columns:1fr;gap:32px;padding:32px 0 20px}.kicker{margin-bottom:14px;font-size:18px}h1{max-width:7ch;font-size:clamp(54px,15vw,68px);font-weight:500;line-height:1;color:var(--ink)}h1 .line-2{margin-top:2px}.lede{margin-top:46px;font-size:22px;line-height:1.45;color:var(--ink)}.lede .strike{color:var(--ink-2)}.lede .ins{color:var(--amber-2);font-size:1em}.studio-mark{min-width:124px;opacity:.96;transform:rotate(-4deg)}.studio-mark span{font-size:28px}.studio-mark i{width:82px;margin:7px 0 6px}.hero-aside .margin-note{right:4px;top:-28px;opacity:1}.pattern-study{width:190px}.grid-3{grid-template-columns:1fr;gap:24px}.grid-3 p,.checklist p,.process-note,.contact-line{color:var(--ink-2)}.annot{opacity:1}.crossed{opacity:.72}blockquote footer{font-size:12px}}</content> </invoke>{}
