@charset "UTF-8";
:root{--paper:#fbfbf8;--ink:#171816;--muted:#65665f;--line:#d7d8d0;--acid:#edfa3e;--mono:"Courier New",Courier,monospace;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #676e00;outline-offset:6px}::selection{background:var(--acid);color:var(--ink)}p,h1,h2,h3,figure{margin:0}img{display:block;max-width:100%}svg{display:block;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:10px;left:10px;padding:14px 20px;background:var(--ink);color:white;z-index:20;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.header{height:104px;padding:0 5.55%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:4px;font-family:var(--mono);font-size:1.9rem;font-weight:700;letter-spacing:-2px}.brand-star{font-size:2.05rem;font-family:var(--sans);line-height:1;margin-left:3px;display:inline-block;transform:translateY(-5px)}nav{display:flex;align-items:center;gap:34px;font-family:var(--mono);font-size:.875rem}nav a{padding:10px 0;border-bottom:1px solid transparent}nav a:hover{border-color:var(--ink)}.header-download{display:flex;align-items:center;gap:27px;padding:13px 18px;background:var(--ink);color:white;font-family:var(--mono);font-size:.875rem;border:1px solid var(--ink);transition:background .2s,color .2s}.header-download:hover{background:var(--acid);color:var(--ink)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:740px;border-bottom:1px solid var(--line)}.hero-copy{padding:64px 5% 56px 10.6%;position:relative;z-index:2}.eyebrow{font-family:var(--mono);font-size:.75rem;line-height:1.6;letter-spacing:.065em;font-weight:700}.small-cross{font-size:1.3rem;font-weight:400;margin-right:10px;vertical-align:-1px}h1{font-family:var(--serif);font-size:clamp(4.25rem,7.5vw,7.5rem);font-weight:400;line-height:.97;letter-spacing:-.065em;margin-top:32px;margin-bottom:28px}h1 em{position:relative;font-weight:400;white-space:nowrap;z-index:0}h1 em:before{content:"";background:var(--acid);position:absolute;left:-5px;right:-5px;height:.48em;bottom:.04em;z-index:-1;transform:rotate(-1.5deg)}.hero-description{font-size:1.0625rem;line-height:1.75;max-width:410px}.store-button{display:inline-flex;align-items:center;gap:12px;margin-top:29px;min-height:64px;padding:11px 18px;color:white;background:var(--ink);border:1px solid var(--ink);border-radius:7px;transition:transform .2s,background .2s;box-shadow:0 3px 0 #0000000c}.store-button:hover{transform:translateY(-3px);background:#33352c}.store-button>svg{width:29px;height:34px;fill:currentColor}.store-button small{display:block;font-size:.75rem;line-height:1.2}.store-button strong{display:block;font-size:1.5rem;line-height:1.15;font-weight:500;letter-spacing:-.025em}.store-arrow{font-size:1.35rem;margin-left:15px}.hero-footnote{font-family:var(--mono);font-size:.75rem;line-height:1.6;letter-spacing:.035em;margin-top:19px;color:var(--muted)}
.hero-visual{position:relative;overflow:hidden;background:var(--acid);border-left:1px solid var(--line);min-height:740px}.topographic-fragment{position:absolute;pointer-events:none;left:-240px;top:0;width:1450px;height:240px;background:url('./assets/topography.png') top left/100% auto no-repeat;mix-blend-mode:multiply;opacity:.6}.visual-index,.visual-bottom{position:absolute;z-index:2;font-family:var(--mono);font-size:.75rem;letter-spacing:.09em}.visual-index{top:36px;left:32px}.visual-bottom{bottom:27px;right:30px}.screen{position:absolute;aspect-ratio:943/1600;overflow:hidden;border-radius:46px 46px 13px 13px;box-shadow:0 26px 36px -20px #30340070;border:1px solid #b4b7a2;background:#ebebe7}.screen img{width:100%;height:100%;object-fit:cover;object-position:bottom}.screen-front{width:49%;left:11%;top:137px;transform:rotate(-7deg);z-index:2}.screen-back{width:44%;right:4%;top:100px;transform:rotate(8deg);z-index:1}.visual-caption{font-family:var(--mono);font-size:.75rem;line-height:1.6;position:absolute;right:32px;bottom:71px;transform:rotate(-5deg);z-index:3}.caption-cross{display:block;font-size:2rem;font-weight:400;line-height:1.1;margin-bottom:8px}
.principles{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 8%;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.875rem}.principles i{font-style:normal;font-size:1.4rem}.section-pad{padding:85px 7.2% 90px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin-bottom:33px}.side-note{font-family:var(--mono);font-size:.75rem;line-height:1.6;letter-spacing:.04em;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:70px;margin-bottom:55px}h2{font-family:var(--serif);font-size:clamp(2.8rem,4.2vw,4.35rem);font-weight:400;line-height:1.06;letter-spacing:-.045em}h2 em{font-weight:400}.intro-grid>p{font-size:1.0625rem;line-height:1.8;max-width:420px;padding-bottom:3px}.journal-panel{display:grid;grid-template-columns:1.1fr 1fr;background:#eeeeea;min-height:510px;overflow:hidden}.journal-image{height:510px;overflow:hidden;position:relative;background:#e9e9e5}.journal-image img{width:74%;max-width:430px;height:auto;margin:46px auto 0;transform:translateY(-22%) rotate(-5deg);box-shadow:0 20px 40px #00000010;border-radius:10px}.journal-copy{align-self:center;padding:50px 14% 50px 6%}.outline-icon{display:inline-block;margin-bottom:24px}.outline-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5}.journal-copy h3{font-family:var(--serif);font-size:2.65rem;font-weight:400;line-height:1.1;letter-spacing:-.035em;margin-bottom:24px}.journal-copy p{font-size:1rem;line-height:1.75;max-width:360px;margin:15px 0;color:#4e5047}.text-link{display:inline-flex;align-items:center;gap:15px;font-family:var(--mono);font-size:.875rem;line-height:1.6;margin-top:17px;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link svg{width:21px;height:21px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}
.notes-section{border-top:1px solid var(--line)}.section-symbol{font-size:3rem;line-height:1}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.note-feature{min-width:0;border-top:1px solid var(--ink);padding-top:25px}.feature-label{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.75rem;letter-spacing:.04em}.feature-label svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.5}.note-feature h3{font-family:var(--serif);font-size:1.875rem;line-height:1.15;font-weight:400;letter-spacing:-.035em;margin-top:24px}.note-feature>p{font-size:1rem;line-height:1.7;max-width:305px;margin-top:13px;min-height:78px;color:#52544b}.feature-image{height:365px;margin-top:25px;overflow:hidden;background:#ecece7;border:1px solid #e3e3dc}.feature-image img{width:100%;height:auto;transform:translateY(-19%)}.note-feature:nth-child(2) .feature-image{background:var(--acid)}.note-feature:nth-child(2) .feature-image img{width:89%;margin-left:auto;margin-right:auto;transform:translateY(-19%)}
.export-section{background:var(--ink);color:var(--paper)}.export-section>.eyebrow{color:var(--acid);margin-bottom:38px}.export-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}.export-grid h2{margin-bottom:30px}.export-grid h2 em{color:var(--acid)}.export-grid>div>p{font-size:1rem;line-height:1.8;max-width:360px;color:#c4c5bb}.formats{padding-top:6px}.format-row{display:grid;grid-template-columns:95px 1fr;gap:25px;padding:0 0 32px}.format-row+.format-row{padding:32px 0 0;border-top:1px solid #4b4d44}.file-extension{font-family:var(--mono);font-size:1.6rem;align-self:start;border:1px solid #73766b;padding:19px 8px;text-align:center;color:var(--acid);transform:rotate(-4deg)}.format-row:nth-child(2) .file-extension{transform:rotate(3deg)}.format-row h3{font-size:1.3125rem;line-height:1.2;font-weight:500;margin-bottom:12px}.format-row p{font-size:1rem;line-height:1.7;color:#c4c5bb}.format-destination{font-family:var(--mono);font-size:.75rem;display:block;letter-spacing:.025em;color:var(--acid);margin-top:19px}.format-destination span{padding:0 8px}.privacy-strip{display:grid;grid-template-columns:50px 1fr 1.3fr;align-items:center;gap:25px;padding:35px 7.2%;border-bottom:1px solid var(--line)}.privacy-strip>span{font-family:var(--mono);font-size:2.25rem}.privacy-strip h2{font-size:2rem}.privacy-strip p{font-size:1rem;line-height:1.7;color:var(--muted)}
.closing{background:var(--acid);position:relative;overflow:hidden;text-align:center;padding-top:72px;padding-bottom:64px}.closing .topographic-fragment{left:0;width:1700px;height:260px;opacity:.45}.closing>*:not(.topographic-fragment){position:relative;z-index:1}.closing h2{font-size:clamp(3.2rem,6.2vw,6rem);margin:30px 0 0;line-height:1.05}.closing .store-button{margin-top:30px}.closing-note{font-family:var(--mono);font-size:.75rem;margin-top:22px;letter-spacing:.04em}.footer{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:118px;padding:30px 5.55%;border-top:1px solid var(--ink)}.footer .wordmark{font-size:1.5rem}.footer .brand-star{font-size:1.8rem}.footer p{font-family:var(--serif);font-size:1rem;font-style:italic}.footer>span{font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:850px}.hero-visual{min-height:850px}.hero-copy{padding-top:100px}.screen-front{max-width:390px;left:15%;top:140px}.screen-back{max-width:355px;right:8%;top:100px}.hero-description{max-width:470px}.section-pad{padding-left:max(7.2%,calc((100vw - 1400px)/2));padding-right:max(7.2%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.header{height:88px;padding:0 5%;gap:20px}nav{gap:22px}.hero{min-height:675px}.hero-visual{min-height:675px}.hero-copy{padding-top:54px}h1{font-size:6.9vw}.hero-description{font-size:1rem;max-width:350px}.desktop-break{display:none}.screen-front{width:55%;left:6%;top:150px;border-radius:36px 36px 10px 10px}.screen-back{width:46%;top:110px;right:4%;border-radius:36px 36px 10px 10px}.visual-caption{bottom:74px;right:24px}.intro-grid{gap:40px}.section-pad{padding:65px 6%}.journal-copy{padding:40px 10% 40px 4%}.journal-copy h3{font-size:2.25rem}.journal-image,.journal-panel{min-height:475px;height:475px}.journal-image img{width:85%;margin-top:65px}.notes-grid{gap:20px}.feature-image{height:300px}.note-feature>p{min-height:100px}.export-grid{gap:45px}.format-row{grid-template-columns:75px 1fr;gap:20px}.file-extension{font-size:1.25rem}.privacy-strip{padding:30px 6%;grid-template-columns:30px 1fr 1.4fr;gap:15px}}
@media(max-width:760px){.header{height:80px;padding:0 6%;gap:15px}.wordmark{font-size:1.65rem}.brand-star{font-size:1.7rem}.header-download{font-size:.875rem;padding:11px 13px;gap:13px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:44px 7% 43px}.eyebrow{font-size:.75rem;letter-spacing:.055em}h1{font-size:clamp(4.1rem,13.8vw,6.4rem);margin-top:28px;margin-bottom:23px;line-height:1}.hero-description{max-width:420px;font-size:1.0625rem}.store-button{margin-top:26px}.hero-footnote{font-size:.75rem;letter-spacing:.01em}.hero-visual{min-height:610px;border-left:0;border-top:1px solid #d4dc6a}.screen-front{width:47%;max-width:280px;left:13%;top:91px;border-radius:36px 36px 10px 10px}.screen-back{width:42%;max-width:251px;right:10%;top:64px;border-radius:33px 33px 10px 10px}.visual-index{top:22px;left:7%;font-size:.75rem}.visual-caption{font-size:.75rem;right:9%;bottom:66px}.visual-bottom{right:7%;bottom:22px;font-size:.75rem}.topographic-fragment{width:1250px;height:210px;left:-120px}.principles{padding:22px 7%;display:grid;grid-template-columns:1fr 1fr;gap:19px 22px;font-size:.75rem}.principles span:before{content:'✳';margin-right:12px}.principles i{display:none}.section-pad{padding:55px 7%}.section-heading{margin-bottom:28px}.side-note{display:none}.intro-grid{grid-template-columns:1fr;gap:23px;margin-bottom:32px}h2{font-size:clamp(2.5rem,8vw,3.5rem)}.intro-grid>p{font-size:1rem;max-width:520px;line-height:1.75}.journal-panel{grid-template-columns:1fr;height:auto}.journal-image{height:370px;min-height:0}.journal-image img{width:72%;max-width:340px;margin-top:60px;transform:translateY(-23%) rotate(-5deg)}.journal-copy{padding:34px 8% 38px}.journal-copy h3{font-size:2.25rem}.journal-copy p{max-width:none}.journal-copy .outline-icon{margin-bottom:18px}.section-symbol{font-size:2rem}.notes-grid{grid-template-columns:1fr;gap:38px}.note-feature{padding-top:20px}.feature-label{font-size:.75rem}.note-feature h3{margin-top:17px;font-size:1.9rem}.note-feature>p{min-height:0;max-width:none;font-size:1rem}.feature-image{height:370px;margin-top:24px}.feature-image img{max-width:430px;margin:auto;transform:translateY(-20%)}.note-feature:nth-child(2) .feature-image img{width:100%;max-width:400px;transform:translateY(-21%)}.note-feature:nth-child(3) .feature-image img{transform:translateY(-25%)}.export-grid{grid-template-columns:1fr;gap:37px}.export-section>.eyebrow{margin-bottom:28px}.export-grid h2{margin-bottom:24px}.export-grid>div>p{max-width:460px}.format-row{grid-template-columns:76px 1fr;gap:22px}.format-row h3{font-size:1.25rem}.format-row p{font-size:1rem}.format-destination{font-size:.75rem}.privacy-strip{padding:30px 7%;grid-template-columns:30px 1fr;gap:15px}.privacy-strip h2{font-size:1.9rem}.privacy-strip p{grid-column:2;font-size:1rem}.privacy-strip p br{display:none}.closing{padding:57px 7%}.closing h2{font-size:clamp(2.8rem,9.8vw,4.4rem);margin-top:25px}.closing-note{font-size:.75rem}.footer{padding:29px 7%;flex-wrap:wrap;gap:17px}.footer .wordmark{order:0}.footer>span{order:1;font-size:.75rem}.footer p{order:2;flex-basis:100%;font-size:1rem}}
@media(max-width:420px){.hero-visual{min-height:520px}.screen-front{left:10%;width:52%;top:100px}.screen-back{right:7%;width:45%;top:70px}.visual-caption{bottom:43px;font-size:.75rem}.visual-bottom{bottom:17px;font-size:.75rem}.visual-caption .caption-cross{font-size:1.5rem}.principles{font-size:.75rem;column-gap:12px}.principles span:before{margin-right:8px}.feature-image{height:330px}.journal-image{height:330px}.format-row{gap:16px;grid-template-columns:64px 1fr}.file-extension{font-size:1.0625rem;padding:17px 5px}.format-destination{font-size:.75rem}.format-destination span{padding:0 3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}