@font-face{font-family:Yomogi;src:url('./assets/yomogi.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#fcfcfa;color:#0c0d0c;font-family:'Hiragino Mincho ProN','Yu Mincho',YuMincho,serif;-webkit-font-smoothing:antialiased}.page{max-width:1122px;margin:auto;padding:0 42px}.svg-defs{position:absolute;width:0;height:0}a{color:inherit;text-decoration:none}button{font:inherit}header{height:68px;display:flex;align-items:flex-start;padding-top:8px;gap:45px}.brand{font-family:Georgia,'Times New Roman',serif;font-size:22px;font-weight:700;white-space:nowrap;letter-spacing:-.9px}header .brand{padding-top:3px}nav{display:flex;gap:24px;padding-top:11px;font-size:10px;letter-spacing:.08em;white-space:nowrap}nav button{border:0;background:none;padding:0;cursor:pointer;font-size:inherit;letter-spacing:inherit}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;color:#fff;background:linear-gradient(110deg,#151515,#080908);border:1px solid #111;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff0e;transition:background .2s,transform .2s}.button:hover{background:#30302c;transform:translateY(-2px)}.button:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #f43d15;outline-offset:5px}.header-cta{margin-left:auto;font-size:10px;height:34px;padding:0 20px;white-space:nowrap}.hero{height:748px;position:relative;border-bottom:1px solid #999}.left-note{position:absolute;top:68px;left:1px;font-size:15px;line-height:1.55}.left-note p{margin:0 0 32px}.left-note small,.right-note small,.section-id{font-family:Georgia,serif;font-size:9px;letter-spacing:1.5px;color:#626469;line-height:1.7}.right-note{position:absolute;right:0;top:-15px;width:117px;font-size:10px;color:#65676a}.right-note .tagline{width:215px;margin:0 0 50px -100px;text-align:right;font-size:9px;letter-spacing:1px}.right-note .tagline:after{content:'';display:block;width:115px;margin:11px 0 0 auto;border-bottom:1px solid #70757a}.right-note small{font-size:8px;letter-spacing:.8px;line-height:1.7}.right-note i{display:block;width:27px;border-bottom:1px solid #adb0b5;margin:20px 0}.right-note p{line-height:1.8}h1{position:absolute;top:40px;left:155px;right:115px;text-align:center;font-size:67px;font-weight:600;letter-spacing:-4px;line-height:1.47;margin:0;white-space:nowrap}.strike{position:relative;display:inline-block}.strike svg{position:absolute;left:-8px;bottom:9px;width:110%;height:35px}svg path,svg ellipse{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.strike svg,.correction-arrow,.sheet h2 svg{color:#ff3d16}.correction-arrow{position:absolute;width:145px;height:48px;left:419px;top:115px}.annotation{position:absolute;font-family:Yomogi,cursive;color:#fa3d19;font-size:27px;line-height:1.3;transform:rotate(-10deg)}.annotation svg{display:block;width:100%;height:13px}.purpose{top:9px;left:202px}.workplace{top:49px;right:168px}.first{top:226px;right:118px}.papers{position:absolute;top:276px;left:68px;right:105px;height:300px;display:flex;align-items:center;filter:drop-shadow(4px 14px 10px #0002)}.sheet{position:relative;width:34.5%;height:298px;flex-shrink:0;background:#f4f1ea;text-align:center;padding-top:80px;isolation:isolate}.sheet:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#fff8,transparent 30%,#d9d0bf18 50%,#fff4 52%,transparent 70%);clip-path:polygon(0 1%,98% 0,100% 99%,2% 100%)}.texture{position:absolute;inset:0;opacity:.6;z-index:-2;clip-path:polygon(0 2%,6% 1%,12% 2%,20% 1%,28% 2%,37% 0,46% 1%,55% 0,65% 2%,75% 0,84% 1%,99% 0,100% 13%,99% 25%,100% 35%,99% 48%,100% 62%,99% 73%,100% 88%,99% 99%,90% 98%,78% 100%,69% 99%,60% 100%,50% 98%,41% 100%,31% 99%,23% 100%,13% 99%,1% 100%,0 89%,1% 76%,0 65%,1% 55%,0 43%,1% 32%,0 20%)}.sheet-one{transform:rotate(-5deg);z-index:1}.sheet-two{transform:rotate(2.5deg);margin-left:-5px;z-index:2;height:287px}.sheet-three{transform:rotate(3deg);margin-left:-6px;z-index:1;height:281px}.sheet-number{position:absolute;left:37px;top:42px;font-size:15px;color:#414e59}.sheet h2{position:relative;width:max-content;margin:0 auto 25px;font-size:54px;line-height:1;font-weight:600;letter-spacing:-3px}.sheet h2 svg{position:absolute;pointer-events:none}.circle{width:219px;height:113px;left:-41px;top:-29px}.underline{width:239px;height:16px;bottom:-13px;left:-9px}.box{width:237px;height:88px;left:-14px;top:-18px}.sheet p{font-family:Yomogi,cursive;font-size:20px;line-height:1.65;color:#465360;margin:0}.sheet i{display:block;width:73px;border-bottom:1px solid #7b8590;margin:14px auto 0}.tape{position:absolute;left:-34px;top:-4px;width:111px;height:35px;transform:rotate(-22deg);background:#dfcdae9c;box-shadow:inset 0 0 12px #f3e8d891;clip-path:polygon(0 3%,98% 0,100% 94%,1% 100%)}.blue-note{position:absolute;font-family:Yomogi,cursive;color:#80a2bf;font-size:20px;line-height:1.4}.ingredients{right:34px;top:382px}.ingredients svg{position:absolute;height:141px;width:20px;top:-3px;left:40px}.ingredients span{position:absolute;font-size:10px;line-height:1.5;top:44px;left:61px;white-space:nowrap}.hero-bottom{position:absolute;top:603px;text-align:center;width:100%}.hero-bottom p{font-size:17px;font-weight:600;margin:0 0 22px}.primary-cta{height:55px;width:332px;font-size:21px;border-radius:7px}.small-start{right:28px;bottom:30px;transform:rotate(-9deg)}.small-start svg{display:block;margin-left:auto;width:90px;height:15px}.section-heading{display:flex;align-items:center;position:relative}.section-id{width:116px;flex-shrink:0;align-self:flex-start;padding-top:6px}.brief{padding-top:27px;border-bottom:1px solid #888;padding-bottom:23px}.section-heading h2{font-size:39px;letter-spacing:-1.9px;font-weight:600;margin:0;line-height:1.5;white-space:nowrap}.section-heading>p{border-left:1px solid #777;padding-left:31px;margin:0 0 0 auto;font-size:15px;line-height:1.7}.brief-body{display:grid;grid-template-columns:58% 42%;margin-top:25px}.decisions{padding:0 35px 0 44px;margin:0;list-style:none}.decisions li{display:flex;gap:30px;min-height:96px;padding:9px 0 12px;border-bottom:1px solid #b3b3b3}.decisions li:last-child{border:0;padding-bottom:0;min-height:88px}.decisions li>span{font-family:Georgia,serif;font-size:40px;line-height:1.1;min-width:43px}.decisions h3{font-size:21px;margin:0 0 4px;font-weight:600}.decisions p{font-size:12px;line-height:1.65;margin:0;letter-spacing:-.3px}.matrix{border-left:1px solid #999;padding:0 42px 0 68px;position:relative}.matrix h3{font-size:15px;margin:0 0 6px -43px}.plot{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100px 98px;border-left:1px solid #111;border-bottom:1px solid #111;position:relative}.plot:before{content:'';position:absolute;width:8px;height:8px;border-top:1px solid;border-left:1px solid;transform:rotate(45deg);left:-5px;top:0}.plot:after{content:'';position:absolute;width:8px;height:8px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg);right:0;bottom:-5px}.plot>div{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font-family:Yomogi,cursive;color:#56616c;font-size:19px;line-height:1.5}.plot>div:nth-child(odd){border-right:1px solid #999}.plot>div:nth-child(-n+2){border-bottom:1px solid #999}.plot small{font-size:15px}.plot .priority{color:#fb421b}.priority svg{position:absolute;width:108%;height:100%;left:-4%;top:0}.axis-label{position:absolute;font-size:12px;top:45px;left:25px;line-height:1.6}.low{position:absolute;left:25px;bottom:51px;font-size:12px}.x{display:flex;justify-content:space-between;font-size:12px;margin-top:10px}.x b{font-weight:500}.process{padding-top:18px}.process .section-heading h2{font-size:27px;letter-spacing:-.6px}.process .section-heading>p{font-size:13px;padding-left:29px;margin-left:37px}.process .section-id{font-size:8px}.process ol{list-style:none;margin:15px 0 0;padding:0 19px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.process li{display:flex;gap:16px;position:relative}.process li:not(:last-child):after{content:'⟶';position:absolute;right:-8px;top:0;color:#777;font-size:25px}.step{font-family:Georgia,serif;font-size:23px;border:1px solid #111;width:35px;height:37px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.process h3{font-size:19px;margin:1px 0 5px;font-weight:500}.process li p{font-size:11px;line-height:1.65;margin:0;color:#555}footer{display:flex;align-items:center;gap:22px;height:47px;font-size:9px;letter-spacing:1px;color:#696c70}footer .brand{color:#111;font-size:14px;letter-spacing:-.5px}.footer-line{width:30px;border-bottom:1px solid #aaa}footer small{margin-left:auto;font-size:8px;letter-spacing:2px}dialog{border:1px solid #bbb;max-width:600px;width:calc(100% - 40px);padding:45px;background:#fcfcfa;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#10101088;backdrop-filter:blur(4px)}dialog h2{font-size:28px}dialog p{font-size:14px;line-height:1.9}dialog .button{padding:17px 25px;margin-top:15px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}.eyebrow{font:10px Georgia,serif;letter-spacing:3px}details{border-bottom:1px solid #ccc;padding:17px 0;font-size:14px}summary{cursor:pointer}body:has(dialog[open]){overflow:hidden}
@media(min-width:1400px){.page{max-width:1280px}.hero{height:835px}.papers{top:312px;height:330px;left:100px;right:130px}.sheet{height:326px;padding-top:90px}.sheet-two{height:316px}.sheet-three{height:310px}h1{font-size:77px;top:53px;left:170px}.correction-arrow{left:487px;top:147px}.first{top:256px;right:130px}.purpose{left:230px;top:20px}.hero-bottom{top:681px}.ingredients{top:420px}.brief-body{margin-top:30px}.decisions p{font-size:13px}}
@media(max-width:800px){.page{padding:0 22px}header{height:74px;gap:10px;align-items:flex-start;padding-top:17px}.brand{font-size:20px}nav{display:none}.header-cta{font-size:9px;padding:0 10px;height:31px}.hero{height:auto;padding:55px 0 32px}.left-note,.right-note,.ingredients{display:none}h1{position:relative;inset:auto;font-size:clamp(26px,6.6vw,52px);letter-spacing:-1.5px;line-height:1.65;text-align:center}.purpose{top:2px;left:13%;font-size:21px}.workplace{top:13px;right:3%;font-size:19px}.first{top:170px;right:5%;font-size:21px}.correction-arrow{top:99px;left:42%;width:100px;height:32px}.strike svg{height:24px;bottom:4px}.papers{position:relative;inset:auto;height:auto;margin:80px 0 15px;display:flex;flex-direction:column;filter:drop-shadow(3px 8px 6px #0002)}.sheet{width:85%;max-width:360px;height:270px;flex-shrink:0;padding-top:67px}.sheet-two,.sheet-three{margin:-8px 0 0;height:270px}.sheet h2{font-size:49px}.sheet p{font-size:20px}.sheet-number{top:29px}.tape{left:-14px}.hero-bottom{position:relative;inset:auto;margin-top:35px}.hero-bottom p{font-size:14px;line-height:1.9;margin-bottom:17px}.primary-cta{max-width:100%;width:300px;font-size:18px;height:53px}.small-start{position:relative;right:auto;bottom:auto;margin:24px 10px 0 auto;width:max-content;font-size:17px}.brief{padding-top:24px}.section-heading{display:block}.section-id{display:block;font-size:8px;width:auto;line-height:1.3;letter-spacing:2px;padding:0;margin-bottom:12px}.section-id br{display:none}.section-heading h2{font-size:clamp(23px,5.6vw,37px);white-space:normal;letter-spacing:-1px}.section-heading>p{font-size:13px;border:0;margin:14px 0 0;padding:0}.brief-body{display:block;margin-top:20px}.decisions{padding:0}.decisions li{gap:18px;padding:16px 0}.decisions li>span{font-size:34px}.decisions h3{font-size:20px}.decisions p{font-size:12px}.matrix{border-left:0;border-top:1px solid #bbb;margin-top:22px;padding:22px 15px 14px 57px}.matrix h3{margin-left:-55px;margin-bottom:14px}.axis-label{top:85px;left:8px}.low{left:7px;bottom:44px}.plot{grid-template-rows:110px 110px}.process{padding-top:23px}.process .section-heading h2{font-size:23px}.process .section-heading>p{margin:13px 0 0;padding:0;font-size:12px}.process ol{grid-template-columns:1fr;padding:0;margin-top:24px;gap:26px}.process li{gap:20px}.process li:not(:last-child):after{content:'↓';right:auto;left:12px;top:42px;font-size:15px}.process li p{font-size:12px}.process h3{font-size:20px}footer{flex-wrap:wrap;height:auto;gap:13px;padding:29px 0 20px}footer small{width:100%;margin:0;font-size:7px}.footer-line{width:17px}dialog{padding:35px 24px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Reference matching, second visual pass. */
@media(min-width:801px) and (max-width:1399px){h1{left:125px;font-weight:700;font-size:69px;letter-spacing:-4.4px;top:38px}.workplace{right:165px;top:50px;font-size:25px}.first{right:120px;font-size:25px}.papers{right:118px}.sheet{padding-top:94px}.sheet h2{font-weight:700;margin-bottom:24px}.sheet-one h2{font-size:59px}.brief .section-heading h2{font-size:43px;letter-spacing:-2.2px}.brief .section-heading>p{margin-left:28px;padding-left:31px;font-size:15px}.brief-body{margin-top:18px}.decisions li{min-height:95px}.decisions li>span{font-family:'Times New Roman',serif;font-weight:400}.process ol{grid-template-columns:1.08fr 1fr .97fr .69fr;gap:27px}.process li p{white-space:nowrap}.process li:not(:last-child):after{right:5px}.brand{font-family:'Times New Roman',serif;font-weight:600;letter-spacing:-.7px}.left-note small{line-height:1.5}.hero-bottom p{font-weight:700}.primary-cta{font-weight:600}.brief{padding-bottom:16px}.matrix{padding-top:0}.plot{grid-template-rows:99px 99px}}
.sheet{background:#f7f4ed;clip-path:polygon(0 1%,6% .4%,12% 1%,20% .5%,28% 1%,37% 0,46% .5%,55% 0,65% 1%,75% 0,84% .5%,99% 0,100% 13%,99.6% 25%,100% 35%,99.6% 48%,100% 62%,99.5% 73%,100% 88%,99% 99%,90% 98.6%,78% 100%,69% 99%,60% 100%,50% 99%,41% 100%,31% 99.2%,23% 100%,13% 99.1%,1% 100%,0 89%,.4% 76%,0 65%,.5% 55%,0 43%,.3% 32%,0 20%)}.sheet-one{clip-path:none}.sheet-one .texture{clip-path:none}.texture{opacity:.72}.sheet:before{background:repeating-linear-gradient(137deg,transparent 0 19px,#bbae9620 20px,#fffffb6b 21px,transparent 23px 46px),linear-gradient(103deg,#fff4,transparent 35%,#b5a78e0c 49%,#fff5 51%,transparent 60%)}.tape{z-index:5}.blue-note{color:#759bbd}.annotation{font-weight:400}
/* Third pass: align section baselines and restore paper edges. */
@media(min-width:801px) and (max-width:1399px){.brief{padding-top:21px}.brief-body{margin-top:10px}h1{top:42px}.right-note{width:88px}.right-note .tagline{margin-left:-127px}.right-note small{font-size:8px}.purpose{font-size:26px}.primary-cta{font-family:'Hiragino Mincho ProN','Yu Mincho',serif}}
.sheet:before{background:linear-gradient(137deg,transparent 10%,#bbae9615 10.4%,#fffffb55 10.8%,transparent 11.3%,transparent 37%,#bbae9615 37.3%,#fff5 37.7%,transparent 38.1%,transparent 77%,#bbae9615 77.3%,#fff5 77.7%,transparent 78.1%),linear-gradient(103deg,#fff4,transparent 35%,#b5a78e0c 49%,#fff5 51%,transparent 60%)}.texture{opacity:.48}.annotation,.sheet p,.plot>div,.blue-note{text-shadow:.15px 0 currentColor}
@media(max-width:800px){h1{font-size:clamp(28px,7.3vw,52px);font-weight:700;letter-spacing:-1.8px}.correction-arrow{top:84px;height:24px;width:85px;left:43%}.hero-bottom p{max-width:310px;margin-left:auto;margin-right:auto;text-wrap:balance}.section-id{word-spacing:5px}.plot>div{font-size:17px}.plot small{font-size:13px}}