:root{--paper:#ede8dd;--cream:#f7f3eb;--ink:#29271f;--muted:#615d53;--line:#c7bfb1;--clay:#a36b50;--clay-dark:#704e3b;--sage:#6f786a;--max:1180px;--gutter:clamp(20px,4vw,54px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{touch-action:manipulation}.skip{position:absolute;left:-9999px;top:5px;z-index:5;padding:12px;background:white}.skip:focus{left:10px}.wrap{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin:auto}.bar{border-bottom:1px solid var(--line);background:rgba(237,232,221,.96);position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}.bar-inner{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin:auto;display:flex;justify-content:space-between;align-items:center;min-height:68px;gap:24px}.brand{font-size:16px;font-weight:800;letter-spacing:.12em;text-decoration:none;white-space:nowrap}.brand-light{font-weight:400}.brand-mark{display:inline-block;color:var(--clay);font-size:26px;vertical-align:-3px;margin-right:7px}.bar nav{display:flex;gap:clamp(13px,3vw,38px)}.bar nav a,.eyebrow,.hero-baseline,.text-link,.counter,.card-status,.slot-label,.draft-note,.footer span{font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}.bar nav a{text-decoration:none;border-bottom:1px solid transparent}.bar nav a:hover,.bar nav a:focus-visible{border-color:currentColor}a:focus-visible{outline:2px solid var(--clay-dark);outline-offset:4px}.eyebrow{color:var(--clay-dark)}.hero{padding-top:clamp(52px,8vw,110px)}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(30px,6vw,90px);align-items:center;margin-top:26px}.hero h1,h2,h3{font-family:Georgia,Charter,serif;font-weight:400}.hero h1{font-size:clamp(72px,9vw,145px);line-height:.93;letter-spacing:-.067em;margin:0 0 32px}.hero h1 em{color:var(--clay);font-weight:400}.lead{font:clamp(20px,2.2vw,28px)/1.35 Georgia,serif;max-width:17em}.draft-note{color:#765f52;max-width:35em;font-size:10px;line-height:1.7;margin:26px 0}.text-link{display:inline-block;text-decoration:none;border-bottom:1px solid var(--ink);padding:10px 0;margin-top:10px}.photo-slot{position:relative;overflow:hidden;background:#d5c1aa}.hero-photo{min-height:clamp(390px,46vw,610px);display:grid;place-items:center;background:radial-gradient(circle at 48% 55%,#e9d8c4 0 22%,transparent 60%),linear-gradient(130deg,#c8b29a,#e5d7c3 55%,#bda487)}.slot-label{position:absolute;bottom:18px;left:18px;color:#302c27;background:rgba(247,243,235,.88);padding:8px 10px;font-size:9px}.vessel{height:48%;width:43%;border-radius:20% 20% 38% 38%/8% 8% 26% 26%;background:linear-gradient(102deg,#885d47,#c18f6c 38%,#a47153 80%,#76503c);box-shadow:24px 35px 30px #5c443947;position:relative;transform:rotate(-3deg)}.vessel:before{content:"";position:absolute;left:-3%;top:-7%;width:106%;height:18%;border-radius:50%;background:linear-gradient(#ca9a76,#674739 58%,#2f2723 62%,#795542 87%);border:4px solid #b08162}.hero-baseline{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:36px;padding:16px 0 22px;color:var(--muted)}.section-pad{padding:clamp(78px,10vw,145px) 0}.work{background:var(--cream)}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:end;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1;margin:0}.section-heading h2,.story h2,.find h2{font-size:clamp(48px,6vw,84px);line-height:1.02;letter-spacing:-.055em;margin:0}.section-heading>p:last-child{max-width:24em;font-size:16px;line-height:1.55;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#eee7db;min-width:0;box-shadow:0 12px 25px #5146380e}.card-photo{height:clamp(250px,28vw,390px)}.clay-one{background:radial-gradient(ellipse at 50% 75%,#99765e 0 20%,transparent 21%),radial-gradient(ellipse at 49% 54%,#b88d70 0 29%,transparent 30%),linear-gradient(125deg,#e2d3ba,#c5ac92)}.clay-two{background:radial-gradient(circle at 53% 49%,#805845 0 10%,#b88b6b 11% 33%,#7d5542 34% 37%,transparent 38%),linear-gradient(145deg,#cab69e,#e7d8c2)}.clay-three{background:linear-gradient(125deg,transparent 36%,#ad8063 37% 55%,transparent 56%),radial-gradient(circle at 65% 45%,#9e715b 0 19%,transparent 20%),linear-gradient(115deg,#d5bda2,#e8ddce)}.card-body{padding:24px;min-height:235px;display:flex;flex-direction:column}.counter,.card-status{color:var(--clay-dark)}.card h3{font-size:clamp(26px,2.6vw,37px);margin:20px 0 8px;letter-spacing:-.03em}.card p{line-height:1.5;color:var(--muted);margin:0}.card-status{margin-top:auto;padding-top:24px;font-size:9px}.story{background:#dcd7c9}.story-grid,.find-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,130px)}.story-text{padding-top:62px}.story-text p{line-height:1.65;color:var(--muted);max-width:32em}.story-text .large{font:clamp(22px,2.7vw,34px)/1.33 Georgia,serif;color:var(--ink)}.notation{font:700 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;display:grid;justify-items:start;margin-top:45px;color:var(--clay-dark)}.notation span:nth-child(even){margin-left:42px;padding:7px 0}.find{background:var(--paper)}.find-grid>div:first-child>p:last-child{font-size:17px;line-height:1.6;max-width:31em;color:var(--muted)}.find-card{background:var(--cream);padding:clamp(24px,4vw,52px);border:1px solid var(--line)}.find-card ol{list-style:none;padding:0;margin:28px 0}.find-card li{border-top:1px solid var(--line);padding:17px 0;display:grid;gap:7px}.find-card li:last-child{border-bottom:1px solid var(--line)}.find-card strong{font:26px Georgia,serif}.find-card li span{line-height:1.5;color:var(--muted)}.footer{background:var(--ink);color:var(--cream);padding:45px 0 65px}.footer-grid{display:flex;justify-content:space-between;gap:24px}.footer strong{font-size:19px;letter-spacing:.08em}.footer p{color:#d1c8bc}.footer-grid>div:last-child{display:grid;gap:14px;text-align:right}.footer span{color:#d1c8bc}.footer .credit{color:#e9d5ae}@media(max-width:780px){.bar-inner{align-items:flex-start;flex-direction:column;padding:14px 0;gap:11px}.bar nav{width:100%;justify-content:space-between}.bar nav a{font-size:10px}.hero-grid,.section-heading,.story-grid,.find-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(68px,17vw,110px)}.hero-photo{min-height:430px}.cards{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.card{flex:0 0 min(82vw,340px);scroll-snap-align:start}.story-text{padding-top:0}.section-heading{gap:14px}.section-heading .eyebrow{grid-column:auto}.footer-grid{display:grid}.footer-grid>div:last-child{text-align:left}.hero-baseline{font-size:9px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}

/* Reviewer controls sit outside Natalie's eventual public site. */
.review-strip{background:#302b25;color:#f7f3eb}.review-inner{width:min(calc(100% - 2 * var(--gutter)),var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:13px 0}.review-inner>div:first-child{display:grid;gap:2px}.review-inner strong,.review-options button{font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.review-inner span{font-size:12px;color:#ddd2c4}.review-options{display:flex;gap:7px;flex-wrap:wrap}.review-options button{padding:9px 12px;color:#f7f3eb;background:transparent;border:1px solid #b6a99a;cursor:pointer;border-radius:0}.review-options button[aria-pressed=true]{background:#f7f3eb;color:#302b25}.review-options button:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Keep the same paper, palette and composition so movement remains the comparison. */
.motion-brief{background:#dcd7c9;border-bottom:1px solid var(--line)}.motion-brief-inner{padding:18px 0;display:grid;grid-template-columns:135px 1fr 1fr;gap:20px;align-items:start}.motion-brief span{font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--clay-dark)}.motion-brief p{margin:0;font-size:13px;line-height:1.5}.motion-brief p:last-child{color:var(--muted)}
.hero-copy,.hero-photo,.card{will-change:auto}.wheel-line{position:absolute;inset:15%;border:1px solid rgba(112,78,59,.33);border-radius:50%;opacity:0;pointer-events:none}.wheel-line-two{inset:8%}
body[data-direction=object] .hero-copy{animation:quiet-enter .75s ease-out both}body[data-direction=object] .hero-photo{animation:quiet-enter .9s ease-out .12s both}
body[data-direction=studio] .hero-copy{animation:quiet-enter .75s ease-out both}body[data-direction=studio] .hero-photo{animation:quiet-enter .85s ease-out both}body[data-direction=studio] .vessel{animation:hand-turn 1.25s cubic-bezier(.25,1,.5,1) both;transform-origin:50% 78%}body[data-direction=studio] .card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}body[data-direction=studio] .card:hover,body[data-direction=studio] .card:focus-within{transform:translateY(-7px) rotate(-.5deg);box-shadow:0 22px 35px #51463826}
body[data-direction=market] .hero-copy{animation:market-enter .45s cubic-bezier(.18,.8,.22,1) both}body[data-direction=market] .hero-photo{animation:market-enter .55s cubic-bezier(.18,.8,.22,1) .12s both}body[data-direction=market] .card.in-view{animation:market-enter .5s cubic-bezier(.18,.8,.22,1) both}body[data-direction=market] .card.in-view:nth-child(2){animation-delay:.12s}body[data-direction=market] .card.in-view:nth-child(3){animation-delay:.24s}body[data-direction=market] .wheel-line-one{animation:line-pulse .85s ease-out .2s both}body[data-direction=market] .wheel-line-two{animation:line-pulse .85s ease-out .4s both}
@keyframes quiet-enter{from{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes hand-turn{from{transform:rotate(-11deg) translateY(2px)}to{transform:rotate(-3deg) translateY(0)}}@keyframes market-enter{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes line-pulse{0%{opacity:0;transform:scale(.88)}40%{opacity:.5}100%{opacity:0;transform:scale(1.12)}}

.event-study{background:#f7f3eb}.event-study h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.045em;margin:14px 0 18px;line-height:1.06}.study-intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:45em}.event-controls{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 18px}.event-controls button{border:1px solid var(--clay-dark);background:transparent;color:var(--ink);font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.07em;padding:11px 13px;cursor:pointer}.event-controls button[aria-pressed=true]{color:#fff;background:var(--clay-dark)}.event-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.event-preview{background:#ede8dd;border:1px solid var(--line);padding:clamp(24px,4vw,48px);min-height:240px;max-width:760px}.event-status,.seasonal-status{font:700 10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:var(--clay-dark)}.event-preview h3,.seasonal-sketch h3{font-size:clamp(28px,3vw,42px);margin:17px 0 12px;letter-spacing:-.03em}.event-preview p,.seasonal-sketch p{line-height:1.6;color:var(--muted);max-width:43em}.seasonal-sketch{border-top:1px solid var(--line);margin-top:65px;padding-top:28px;display:flex;justify-content:space-between;align-items:start;gap:20px}.seasonal-status{border:1px solid var(--line);padding:10px;white-space:nowrap}

.decisions{background:#e1d9cb}.decisions h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.045em;margin:0 0 45px}.decision-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.decision-grid article{border-top:1px solid #8b7e70;padding-top:18px}.decision-grid article>span{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--clay-dark)}.decision-grid h3{font-size:clamp(25px,2.6vw,35px);margin:24px 0 12px}.decision-grid p{font-size:15px;line-height:1.6;color:#4e483f;max-width:29em}
@media(max-width:780px){.review-inner{align-items:flex-start;flex-direction:column}.review-options{width:100%}.review-options button{flex:1 1 100px}.decision-grid{grid-template-columns:1fr}.decision-grid article{padding-bottom:8px}.motion-brief-inner{grid-template-columns:1fr;gap:7px}.seasonal-sketch{flex-direction:column}.bar nav{flex-wrap:wrap;justify-content:flex-start}}

@media(prefers-reduced-motion:reduce){.hero-copy,.hero-photo,.vessel,.card,.wheel-line{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}
/* Meeting demo: palette, four motion studies, and working-room sections. */
.review-inner{flex-wrap:wrap}.review-secondary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;border-top:1px solid #736b62;padding-top:9px}.review-secondary label,.review-secondary select,.review-secondary button{font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.review-secondary select,.review-secondary button{background:#f7f3eb;color:#302b25;border:1px solid #b6a99a;padding:8px 10px;min-height:38px;cursor:pointer}.review-secondary label{margin-right:6px}.review-secondary :focus-visible{outline:2px solid #fff;outline-offset:2px}.bar nav{flex-wrap:wrap;justify-content:end}.spinning-lemon{width:28px;height:23px;object-fit:contain;animation:lemon-spin 14s linear infinite}@keyframes lemon-spin{to{transform:rotate(360deg)}}
.collab-intro{padding:30px 0 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(210px,.8fr) 1.6fr;gap:18px 42px;align-items:start}.collab-intro p{line-height:1.5;margin:0;max-width:55em}.collab-sign{display:flex;align-items:center;gap:12px;font:800 14px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}.collab-sign a{text-decoration:none}.collab-links{grid-column:2;display:flex;gap:14px;flex-wrap:wrap}.collab-links a{font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;text-underline-offset:3px}
body[data-palette=cobalt]{--paper:#e9e6dd;--cream:#faf6eb;--ink:#202c35;--muted:#4c5a60;--line:#b5bec0;--clay:#2b4c7e;--clay-dark:#253f64;--sage:#6b9e9f}body[data-palette=citrus]{--paper:#f5eedb;--cream:#fff9ec;--ink:#303026;--muted:#56584b;--line:#cdc49d;--clay:#bd5536;--clay-dark:#844029;--sage:#b59d2a}
.color-study{background:var(--cream)}.color-study h2,.process-section h2,.shop-study h2,.collaboration h2{font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.05em;margin:10px 0 22px}.color-study p{font-size:16px;line-height:1.6;max-width:52em}.color-study .draft-note{font-size:11px}.swatch-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.swatch-block{background:var(--swatch);height:115px;padding:12px;color:var(--ink);font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;align-items:end;border:1px solid var(--line)}.swatch-block:last-child{color:#fff}
.process-section{background:var(--paper)}.process-steps{list-style:none;padding:0;margin:42px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.process-steps li{border-top:2px solid var(--clay);padding:16px 8px 8px 0;display:grid;gap:14px;position:relative}.process-steps li:not(:last-child):after{content:'→';position:absolute;right:8px;top:10px;color:var(--clay)}.process-steps b,.collab-grid article>span{font:700 11px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--clay-dark)}.process-steps span{font:19px/1.4 Georgia,serif}.process-steps em{display:block;margin-top:12px;font:13px/1.4 Arial,sans-serif;color:var(--muted)}.studio-photo-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.studio-photo{height:260px;background:linear-gradient(135deg,#b7a18a,#e6d6c0)}.studio-photo:nth-child(2){background:linear-gradient(145deg,#c9bba8,#97806a)}.studio-photo:nth-child(3){background:linear-gradient(155deg,#b48769,#ddc4a7)}
.shop-study{background:var(--cream)}.shop-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:35px}.shop-example{background:var(--paper);border:1px solid var(--line);display:grid;grid-template-columns:45% 55%;min-height:330px}.shop-photo{background:linear-gradient(145deg,#b4a18c,#e9ddc9)}.shop-example>div:last-child{padding:25px}.shop-example h3,.shop-flow h3{font-size:30px;margin:15px 0}.shop-example p,.shop-flow p,.shop-flow li{line-height:1.6;color:var(--muted)}.shop-example button{border:1px solid var(--ink);background:transparent;color:var(--muted);padding:13px;margin-top:20px;cursor:not-allowed;max-width:100%;font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace}.shop-flow{border-top:2px solid var(--clay);padding:18px}.shop-flow ol{padding-left:20px}.shop-flow li{margin:10px 0}
.collaboration{background:#e1d9cb}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:45px 0}.collab-grid article{background:var(--cream);border-top:3px solid var(--clay);padding:22px}.collab-grid article:nth-child(1){border-color:#2d5f67}.collab-grid h3{font-size:30px;margin:18px 0 10px}.collab-grid p{line-height:1.6;color:var(--muted)}.collab-outcome{font:700 11px/2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;border-top:1px solid var(--line);padding-top:24px}
.footer-logo{width:min(260px,75vw);height:auto;display:block;margin-top:32px;background:#f7f3eb;padding:12px}.footer a{display:block;color:var(--cream);font:700 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.05em;text-underline-offset:4px;min-height:32px}.footer a:focus-visible{outline:2px solid #fff;outline-offset:3px}
body[data-direction=flavor] .motion-brief{background:#fae400}body[data-direction=flavor] .hero-photo{background:radial-gradient(circle at 25% 30%,#fbdf48 0 15%,transparent 16%),radial-gradient(circle at 85% 75%,#0099e6 0 15%,transparent 16%),linear-gradient(130deg,#e84b83,#f98923 55%,#ffee00)}body[data-direction=flavor] .hero h1 em{color:#b62e6e}body[data-direction=flavor] .hero-copy{animation:flavor-copy .95s cubic-bezier(.16,1,.3,1) both}body[data-direction=flavor] .hero-photo{animation:flavor-photo 1.1s cubic-bezier(.16,1,.3,1) both}body[data-direction=flavor] .vessel{animation:flavor-vessel 1.3s cubic-bezier(.16,1,.3,1) both}body[data-direction=flavor] .card.in-view{animation:flavor-card .8s cubic-bezier(.16,1,.3,1) both}body[data-direction=flavor] .card.in-view:nth-child(2){animation-delay:.15s}body[data-direction=flavor] .card.in-view:nth-child(3){animation-delay:.3s}body[data-direction=flavor] .wheel-line-one{animation:line-pulse 1s ease-out .2s both}body[data-direction=flavor] .wheel-line-two{animation:line-pulse 1s ease-out .4s both}@keyframes flavor-copy{from{opacity:0;transform:translateY(65px) rotate(-4deg) scale(.84)}to{opacity:1;transform:none}}@keyframes flavor-photo{from{opacity:0;transform:translateX(60px) rotate(5deg) scale(.83)}to{opacity:1;transform:none}}@keyframes flavor-vessel{from{transform:rotate(-26deg) translateY(-30px) scale(.7)}to{transform:rotate(-3deg) translateY(0) scale(1)}}@keyframes flavor-card{from{opacity:0;transform:translateY(65px) rotate(-5deg) scale(.92)}to{opacity:1;transform:none}}
@media(max-width:850px){.collab-intro,.shop-layout{grid-template-columns:1fr}.collab-links{grid-column:auto}.process-steps,.collab-grid{grid-template-columns:repeat(2,1fr)}.bar nav{justify-content:start}}
@media(max-width:600px){.process-steps,.collab-grid{grid-template-columns:1fr}.process-steps li:not(:last-child):after{content:'↓'}.studio-photo-plan{grid-template-columns:1fr}.studio-photo{height:210px}.shop-example{grid-template-columns:1fr}.shop-photo{height:260px}.swatch-block{height:75px;font-size:8px}.collab-intro{padding-top:24px}}
@media(prefers-reduced-motion:reduce){.spinning-lemon,body[data-direction=flavor] .hero-copy,body[data-direction=flavor] .hero-photo,body[data-direction=flavor] .vessel,body[data-direction=flavor] .card.in-view,body[data-direction=flavor] .wheel-line{animation:none!important;transform:none!important;opacity:1!important}}