:root{--ink:#17221f;--moss:#2d5a45;--cream:#f4f0e7;--paper:#fffdf8;--orange:#ef7138;--mint:#d9e4da;--line:#ced1c7;--muted:#606b65;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,system-ui,sans-serif}a{color:inherit}.scroll-progress{z-index:30;background:var(--orange);transform-origin:0;height:3px;position:fixed;inset:0 0 auto}header,.hero,.manifesto,.work-heading,.product-grid,.closing,footer{width:min(100% - 64px,1260px);margin-inline:auto}header{z-index:20;justify-content:space-between;align-items:center;height:92px;display:flex;position:relative}.wordmark{letter-spacing:-.05em;align-items:center;gap:10px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.mark{grid-template-columns:repeat(3,4px);align-items:end;gap:2px;height:19px;display:grid}.mark i{background:var(--orange);border-radius:3px;width:4px;display:block}.mark i:first-child{height:10px}.mark i:nth-child(2){height:19px}.mark i:nth-child(3){height:14px}header nav{align-items:center;gap:34px;font:500 11px/1 DM Mono,monospace;display:flex}.nav-hello{margin-left:14px}header nav a,footer>a:last-child{text-decoration:none;position:relative}header nav a:not(.nav-hello):after{content:"";background:var(--ink);height:1px;transition:right .3s;position:absolute;bottom:-7px;left:0;right:100%}header nav a:hover:after{right:0}.arrow{color:var(--orange);margin-left:5px;font-size:16px;transition:transform .3s;display:inline-block}.arrow--down{transform:rotate(90deg)}a:hover .arrow{transform:translate(3px,-3px)}a:hover .arrow--down{transform:translateY(3px)rotate(90deg)}.hero{grid-template-columns:1fr .92fr;align-items:center;gap:6vw;height:max(720px,100vh - 92px);min-height:650px;padding:7vh 0 8vh;display:grid;overflow:hidden}.eyebrow,.section-label{letter-spacing:.075em;color:var(--moss);font:500 11px/1.2 DM Mono,monospace}.eyebrow{align-items:center;gap:9px;margin:0 0 30px;display:flex}.eyebrow i{background:var(--orange);border-radius:50%;width:7px;height:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.064em}em{letter-spacing:-.035em;font-family:Instrument Serif,Georgia,serif;font-weight:400}h1{margin:0 0 32px;font-size:clamp(60px,7.2vw,104px);font-weight:600;line-height:.88}.title-mask{padding:0 .08em .09em 0;display:block;overflow:hidden}.title-mask>span{display:block}.hero-intro{color:#46534d;max-width:455px;margin-bottom:33px;font-size:18px;line-height:1.55}.underlined-link{text-underline-offset:6px;font:500 11px/1 DM Mono,monospace}.hero-art{background:var(--mint);transform-origin:50%;border-radius:48% 48% 4px 4px;height:min(570px,68vh);min-height:490px;position:relative;overflow:hidden}.document-world{position:absolute;inset:0}.art-sun{aspect-ratio:1;background:#e7b67d;border-radius:50%;width:66%;position:absolute;top:11%;left:17%}.sheet{background:var(--paper);width:38%;height:56%;position:absolute;top:26%;left:31%;box-shadow:0 28px 55px #274a3430}.sheet-shadow{box-shadow:none;background:#c6d2c5;transform:translate(12px,-10px)rotate(11deg)}.sheet-main{padding:12% 6%}.sheet-rule{background:#24352f;border-radius:4px;height:7px;margin-bottom:13px}.sheet-rule-a{width:100%}.sheet-rule-b{width:78%}.sheet-rule-c{width:61%}.sheet-rule-d{width:70%;margin-top:22%}.sheet-selection{background:#f1c487;width:76%;height:17%;margin-top:23%;position:relative}.sheet-selection span{background:var(--orange);width:2px;height:145%;position:absolute;top:0;right:16%}.glyph-medallion{aspect-ratio:1;background:var(--moss);color:#fff;border-radius:50%;place-items:center;width:16%;font:400 clamp(48px,5vw,74px)/1 Instrument Serif;animation:5s ease-in-out infinite float;display:grid;position:absolute;top:19%;left:62%;transform:rotate(-8deg);box-shadow:0 12px 26px #284b3533}.glyph-medallion span{background:var(--orange);border-radius:3px;width:32%;height:4px;position:absolute;bottom:20%;right:-13%;transform:rotate(27deg)}.orbit{border:1px solid #698676;border-radius:50%;position:absolute;top:51%;left:50%}.orbit i{background:var(--orange);border-radius:50%;width:7px;height:7px;display:block;position:absolute;top:48%;left:-4px}.orbit-a{width:87%;height:35%;animation:12s ease-in-out infinite orbit-a;transform:translate(-50%,-50%)rotate(-18deg)}.orbit-b{opacity:.55;width:105%;height:47%;animation:14s ease-in-out infinite orbit-b;transform:translate(-50%,-50%)rotate(29deg)}.coordinate{letter-spacing:.08em;color:#52705f;font:9px DM Mono;position:absolute}.coordinate-a{top:28%;left:11%}.coordinate-b{bottom:14%;right:8%}@keyframes float{50%{transform:translateY(-12px)rotate(-4deg)}}@keyframes orbit-a{50%{transform:translate(-50%,-50%)rotate(-25deg)}}@keyframes orbit-b{50%{transform:translate(-50%,-50%)rotate(34deg)}}.marquee{border-block:1px solid var(--line);background:#ece8df;overflow:hidden}.marquee>div{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:40px;width:max-content;padding:23px 0;font:500 11px DM Mono;animation:28s linear infinite marquee;display:flex}.marquee span{text-align:center;min-width:190px}.marquee i{color:var(--orange);font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.manifesto{grid-template-columns:.6fr 1.35fr;gap:4vw 8vw;padding:150px 0 145px;display:grid}.section-label{margin:6px 0 0}.manifesto-copy h2{max-width:800px;margin-bottom:38px;font-size:clamp(45px,5.5vw,76px);line-height:.96}.manifesto-copy>p{color:var(--muted);max-width:550px;margin:0;font-size:18px;line-height:1.6}.principle-list{border-top:1px solid var(--line);grid-column:2;margin-top:63px}.principle-list article{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr .7fr 25px;align-items:center;gap:25px;padding:27px 4px;display:grid}.principle-list span{color:var(--orange);font:10px DM Mono}.principle-list h3{margin:0;font-size:22px}.principle-list p{color:var(--muted);margin:0;font-size:13px}.principle-list i{color:var(--orange);font-style:normal}.work{background:var(--ink);color:var(--paper);padding:82px 0 118px;overflow:hidden}.work-heading{justify-content:space-between;align-items:center;margin-bottom:68px;display:flex}.work .section-label{color:#a7bead}.work-heading>span{color:#a7bead;font:10px DM Mono}.product-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;min-height:630px;display:grid}.product-visual{height:570px}.papaya-stage{background:#e4a769;border-radius:2px;height:100%;position:relative;overflow:hidden}.papaya-orb{aspect-ratio:1;background:#f0c692;border-radius:50%;width:74%;position:absolute;top:-8%;left:-12%}.editor-window{background:#e7ede7;position:absolute;inset:14% 9% 14% 12%;transform:rotate(-2.5deg);box-shadow:0 28px 55px #5d321d66}.editor-bar{color:#44544b;background:#f9f8f1;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font:8px DM Mono;display:flex}.editor-bar div i{background:var(--orange);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.editor-bar div i:nth-child(2){background:#e9b95e}.editor-bar div i:nth-child(3){background:#6d9a72}.editor-bar b{letter-spacing:2px}.editor-tools{background:var(--moss);color:#fff;flex-direction:column;align-items:center;gap:17px;width:36px;padding-top:14px;display:flex;position:absolute;top:36px;bottom:0;left:0}.editor-tools i{font:10px DM Mono}.editor-body{grid-template-columns:22% 1fr;display:grid;position:absolute;inset:36px 0 0 36px}.thumbnails{background:#d4e0d5;padding:17px 12px}.thumbnails i{background:#fff;width:100%;height:29%;margin-bottom:10px;display:block;box-shadow:0 2px 4px #24342d1a}.pdf-page{background:var(--paper);width:58%;height:83%;color:var(--ink);margin:5% auto;padding:10%;position:relative;box-shadow:0 3px 11px #2841321c}.pdf-page small{font:7px DM Mono}.pdf-page strong{letter-spacing:-.06em;margin:25% 0 16%;font-size:clamp(19px,2.3vw,32px);line-height:.86;display:block}.pdf-page strong em{font-weight:400}.pdf-page>i{background:#94a89a;width:85%;height:3px;margin-top:10px;display:block}.selected-text{outline:1px solid var(--orange);background:#f4ca96;width:max-content;max-width:100%;padding:4px;font:7px DM Mono;display:block}.annotation{background:var(--paper);color:var(--ink);padding:9px 11px;font:8px DM Mono;position:absolute;box-shadow:0 5px 15px #6e3c2540}.annotation span{color:var(--orange)}.annotation-a{bottom:7%;left:5%}.annotation-b{top:7%;right:3%}.product-copy{padding-right:2vw}.product-logo{letter-spacing:-.06em;align-items:center;gap:6px;font-size:21px;font-weight:700;display:flex}.product-logo b{letter-spacing:.02em;background:var(--paper);color:var(--ink);border-radius:3px;padding:3px 5px;font:600 9px DM Sans}.product-copy h2{margin:53px 0 28px;font-size:clamp(48px,5vw,72px);line-height:.91}.product-copy>p{color:#b8c7bd;max-width:430px;margin-bottom:39px;font-size:16px;line-height:1.65}.pill-link{border:1px solid #91a096;border-radius:99px;align-items:center;padding:15px 19px;font:500 11px DM Mono;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.pill-link:hover{background:var(--paper);color:var(--ink)}.closing{grid-template-columns:1.1fr .9fr;align-items:center;gap:8vw;min-height:760px;padding:155px 0 125px;display:grid;position:relative;overflow:hidden}.closing h2{margin:30px 0 0;font-size:clamp(54px,6.8vw,92px);line-height:.88}.closing-note{z-index:1;align-self:end;padding-bottom:70px;position:relative}.closing-note>p{color:var(--muted);max-width:420px;margin-bottom:34px;font-size:18px;line-height:1.55}.closing-glyph{color:#e0ded4;z-index:-1;font:400 360px/1 Instrument Serif;position:absolute;top:8%;right:8%;transform:rotate(8deg)}.closing-glyph span{color:var(--orange);font:400 42px DM Mono;position:absolute;top:42px;right:-10px}footer{border-top:1px solid var(--line);height:118px;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}footer p{margin:0}footer>a:last-child{color:var(--ink);font-family:DM Mono}@media (width<=900px){header,.hero,.manifesto,.work-heading,.product-grid,.closing,footer{width:min(100% - 40px,1260px)}.hero{grid-template-columns:1fr 1fr;gap:30px}.manifesto{grid-template-columns:.45fr 1.55fr}.product-grid{gap:40px}.product-visual{height:480px}.closing{gap:40px}}@media (width<=680px){header,.hero,.manifesto,.work-heading,.product-grid,.closing,footer{width:calc(100% - 36px)}header{height:72px}.wordmark{font-size:17px}header nav a:not(.nav-hello){display:none}.nav-hello{margin:0}.hero{flex-direction:column;align-items:stretch;gap:62px;height:auto;min-height:0;padding:60px 0 0;display:flex;overflow:visible}.hero-copy{z-index:1;position:relative}h1{font-size:clamp(54px,17vw,76px)}.hero-intro{font-size:16px}.hero-art{border-radius:48% 48% 0 0;height:420px;min-height:0}.marquee>div{padding-block:18px}.manifesto{padding:93px 0;display:block}.manifesto .section-label{margin-bottom:44px}.manifesto-copy h2{font-size:44px}.manifesto-copy>p{font-size:16px}.principle-list{margin-top:58px}.principle-list article{grid-template-columns:30px 1fr 20px;gap:12px;padding:24px 0}.principle-list h3{font-size:19px}.principle-list p{grid-column:2;font-size:12px}.principle-list i{grid-area:1/3}.work{padding:59px 0 79px}.work-heading{margin-bottom:60px}.product-grid{flex-direction:column;align-items:stretch;gap:30px;min-height:0;display:flex}.product-visual{height:390px}.product-copy{padding:15px 0 0}.product-copy h2{margin:34px 0 23px;font-size:46px}.product-copy>p{font-size:15px}.editor-window{inset:14% 7% 14% 9%}.annotation-b{right:2%}.closing{flex-direction:column;align-items:stretch;gap:75px;min-height:680px;padding:105px 0 95px;display:flex}.closing h2{font-size:54px}.closing-note{align-self:auto;padding:0}.closing-note>p{font-size:16px}.closing-glyph{font-size:260px;top:25%;right:-3%}footer{grid-template-columns:1fr 1fr;align-content:center;gap:23px 8px;height:auto;min-height:165px;display:grid}footer p{white-space:nowrap;grid-row:2}footer>a:last-child{justify-self:end;font-size:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div,.glyph-medallion,.orbit{animation:none!important}}.papaya-brand-float{filter:drop-shadow(0 15px 18px #82441d55);width:25%;height:auto;position:absolute;bottom:1.5%;right:1.5%;transform:rotate(9deg)}.product-logo img{object-fit:contain;width:30px;height:30px;margin-right:2px}@media (width<=680px){.papaya-brand-float{width:28%}}