:root{--paper:#f4f2ec;--ink:#151613;--muted:#6b6d67;--line:#d3d0c6;--accent:#ffcf31;--soft:#ebe9e2;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:10px;z-index:50}.site-header{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;position:sticky;top:0;background:rgba(244,242,236,.94);backdrop-filter:blur(10px);z-index:20}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-symbol{display:block;width:34px;height:37px;object-fit:contain}.brand-type{display:flex;flex-direction:column;justify-content:center;line-height:1}.brand-name{display:block;font-size:13px;font-weight:700;letter-spacing:.01em}.brand-studio{display:block;text-transform:uppercase;font:9px/1.2 var(--mono);letter-spacing:.24em;margin-top:5px}.site-header nav{display:flex;gap:44px}.site-header nav a{font:11px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:inherit;text-decoration:none}.section-pad{padding:96px 6vw}.eyebrow,.hero-meta,.field-label,.steps,.fine,figcaption,dt,footer{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase}.eyebrow{font-size:11px}.hero{min-height:calc(100vh - 94px);display:flex;flex-direction:column;justify-content:space-between}.hero-meta{display:flex;justify-content:space-between;font-size:11px}.hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:8vw;align-items:end;margin-top:10vh}.hero h1{font-size:clamp(88px,15vw,220px);letter-spacing:-.075em;line-height:.72;margin:0;font-weight:700}.hero h1 span{color:var(--accent)}.hero-line{font-size:clamp(28px,4vw,58px);margin:48px 0 10px;letter-spacing:-.04em}.hero-deck{font-size:20px;max-width:480px;color:#444}.hero-thesis{font-size:clamp(25px,3vw,44px);line-height:1.15;padding-bottom:12px}.hero-thesis p{margin:.35em 0}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:36px;flex-wrap:wrap}.button{display:inline-block;padding:15px 20px;border:1px solid var(--ink);text-decoration:none;color:inherit;font-size:14px}.button.dark{background:var(--ink);color:white}.text-link{color:inherit;text-decoration:none;border-bottom:1px solid}.perception{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.perception-head{display:flex;justify-content:space-between;gap:40px;align-items:end;padding-bottom:42px}.perception-head h2,.section-intro h2,.split h2,.closing h2,.stakeholder h2{font-size:clamp(40px,6vw,88px);letter-spacing:-.055em;line-height:.98;margin:10px 0 0}.perception-head p{max-width:360px}.illusion{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.field{position:relative;display:grid;place-items:center;transition:background .2s ease}.field-a{background:color-mix(in srgb,#153f67 calc(var(--strength)*100%),#d1cec3)}.field-b{background:color-mix(in srgb,#e5ca5b calc(var(--strength)*100%),#d1cec3)}.centre{width:min(18vw,230px);aspect-ratio:1;background:#9a674d;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.field-label{position:absolute;top:24px;left:28px;font-size:11px;color:white;mix-blend-mode:difference}.illusion-controls{padding-top:42px;padding-bottom:62px}.choice-row{display:flex;gap:12px;align-items:center;margin-bottom:34px;flex-wrap:wrap}.choice-row button,.felt-meta button{font:inherit;background:transparent;border:1px solid var(--ink);padding:11px 15px;cursor:pointer}.choice-row button:hover,.choice-row button:focus-visible{background:var(--ink);color:white}.choice-row span{margin-left:8px}.illusion-controls label,.felt-control label{display:flex;justify-content:space-between;margin-bottom:10px}.illusion-controls input,.felt-control input{width:100%;accent-color:var(--ink)}.fine{font-size:10px;color:var(--muted);margin-top:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-bottom:1px solid var(--line)}.prose{font-size:19px;max-width:660px}.prose p{margin:0 0 1.35em}.prose blockquote{font-size:30px;line-height:1.2;margin:50px 0 0;padding-left:28px;border-left:2px solid var(--accent)}.section-intro{max-width:920px}.section-intro p{font-size:20px;max-width:620px}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:56px 0 34px;padding:18px 0;list-style:none}.steps li{font-size:11px}.steps b{margin-right:10px}.product-shot{margin:0;background:#ecebe5;padding:3vw}.product-shot img{width:100%;height:auto;display:block}.product-shot figcaption,.screens figcaption{font-size:10px;margin-top:10px}.method-note{max-width:720px;margin:40px 0 0 28%;font-size:18px}.felt{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.felt-tool{display:grid;grid-template-columns:1.3fr .7fr;gap:0;margin-top:58px;border:1px solid var(--line)}.felt-swatch{min-height:480px;display:flex;align-items:flex-end;padding:34px;background:#3d5c88;transition:background .2s}.felt-swatch span{font-size:clamp(45px,8vw,110px);letter-spacing:-.05em;color:white}.felt-control{padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:#faf9f5}.felt-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.felt-meta output{font:12px var(--mono)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:58px}.principles article{padding:34px 28px 40px 0;border-right:1px solid var(--line);min-height:320px}.principles article+article{padding-left:28px}.principles article:last-child{border-right:0}.principles span{font:11px var(--mono)}.principles h3{font-size:32px;letter-spacing:-.03em;margin:55px 0 16px}.principles p{font-size:17px}.screens{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.28fr);gap:28px;align-items:start;margin:58px 0}.screens figure{margin:0}.screens img{width:100%;height:auto;display:block;background:white}.screen-phone{max-width:360px}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts div{padding:28px;border-right:1px solid var(--line)}.facts div:first-child{padding-left:0}.facts div:last-child{border-right:0}.facts dt{font-size:10px;margin-bottom:12px}.facts dd{margin:0;font-size:16px}.stakeholder{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;background:#171815;color:#f6f4ee}.stakeholder h2{font-size:clamp(38px,5vw,70px)}.stakeholder .prose{color:#d7d7d0}.closing{text-align:center;padding-top:140px;padding-bottom:140px}.closing>p{font:11px var(--mono);letter-spacing:.16em}.closing h2{margin:22px auto 44px;max-width:900px}.closing div{display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:26px 6vw;font-size:10px}footer a{color:inherit;text-decoration:none}
@media(max-width:820px){.site-header{height:76px}.site-header nav{gap:16px}.site-header nav a{font-size:9px}.section-pad{padding:68px 22px}.hero{min-height:auto}.hero-meta{gap:20px}.hero-grid,.split,.stakeholder{grid-template-columns:1fr}.hero-grid{margin-top:90px}.hero-thesis{margin-top:40px}.hero h1{font-size:24vw}.perception-head{display:block}.perception-head p{margin-top:25px}.illusion{min-height:430px}.centre{width:31vw}.illusion-controls{padding-left:22px;padding-right:22px}.steps{grid-template-columns:1fr 1fr 1fr;gap:14px}.method-note{margin-left:0}.felt-tool{grid-template-columns:1fr}.felt-swatch{min-height:360px}.principles{grid-template-columns:1fr}.principles article,.principles article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.principles h3{margin-top:24px}.screens{grid-template-columns:1fr}.screen-phone{max-width:70vw}.facts{grid-template-columns:1fr}.facts div,.facts div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}footer{display:block}footer a{display:block;margin-top:8px}}
@media(max-width:560px){.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.hero-meta{font-size:9px}.hero-line{font-size:31px}.hero-deck{font-size:17px}.illusion{min-height:340px}.field-label{top:14px;left:14px;font-size:8px}.centre{width:34vw}.choice-row button{width:100%}.steps{grid-template-columns:1fr 1fr}.product-shot{padding:10px}.prose{font-size:17px}.prose blockquote{font-size:25px}.felt-swatch{min-height:300px}.screen-phone{max-width:100%}}

@media(max-width:560px){.brand-symbol{width:36px;height:39px}.brand-name{font-size:12px}.brand-studio{font-size:9px}.site-header{padding-left:22px;padding-right:22px}}