:root{--accent:#ED9200;--paper:#FFF3DA;--dark:#432900;--ink:#202020;--muted:#6c6151;--border:#d9c7a6;--font:'Random Grotesque Standard Book','Random Grotesque',Arial,sans-serif;--medium:'Random Grotesque Standard Medium','Random Grotesque',Arial,sans-serif;--bold:'Random Grotesque Standard Semibold','Random Grotesque',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;letter-spacing:.008em;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}h1,h2,p,figure{margin:0}.container{width:min(calc(100% - 96px),1460px);margin-inline:auto}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);font:12px var(--medium);letter-spacing:.1em;text-transform:uppercase}.signature{font-family:var(--bold);font-size:23px;letter-spacing:-.07em;text-transform:none}.dot{color:var(--accent)}.eyebrow{display:flex;align-items:center;gap:10px;font:13px var(--bold);letter-spacing:.14em;text-transform:uppercase}.eyebrow-mark{font-size:28px;color:var(--accent);line-height:.6}.hero-copy{padding:83px 0 65px}.hero h1{font-family:var(--bold);font-size:clamp(70px,9.5vw,156px);line-height:.88;letter-spacing:-.065em;margin:45px 0 34px}.hero h1 em,h2 em,.statement em,.final-panel em{font-family:var(--font);font-weight:400;font-style:italic;letter-spacing:-.04em}.hero h1 em{color:var(--accent)}.hero-caption{display:flex;justify-content:space-between;align-items:end;gap:25px}.hero-caption p{font-size:clamp(18px,2vw,28px);line-height:1.3;max-width:550px;letter-spacing:-.015em}.hero-caption>span{color:#977a52;font-size:21px;font-style:italic}.hero-stage{background:var(--dark);overflow:hidden}.hero-stage-inner{height:min(64vw,850px);min-height:620px;position:relative}.hero-stage-inner::before{content:'G';position:absolute;left:-7%;top:7%;font:700 min(65vw,880px)/.8 var(--bold);color:rgba(255,243,218,.04);pointer-events:none}.hero-edition{position:absolute;left:0;top:85px;color:var(--paper);z-index:2}.hero-edition span,.hero-stage-note{font:12px var(--bold);letter-spacing:.13em}.hero-edition strong{display:block;font:clamp(32px,4vw,59px)/1.04 var(--medium);letter-spacing:-.06em;margin-top:26px}.hero-stage-note{position:absolute;left:0;bottom:50px;color:#d9bc8b;max-width:270px;line-height:1.5}.hero-phone{position:absolute;width:clamp(250px,30vw,470px);background:#201b16;border:8px solid #201b16;border-radius:49px;overflow:hidden;box-shadow:0 34px 65px rgba(0,0,0,.42)}.hero-phone img{width:100%;height:auto;aspect-ratio:946/2048;object-fit:cover}.hero-phone-front{right:15%;top:7%;transform:rotate(8deg);z-index:2}.hero-phone-back{right:-2%;top:24%;transform:rotate(-8deg);z-index:1}.section-index{display:flex;align-items:center;gap:19px;text-transform:uppercase;font:12px var(--bold);letter-spacing:.15em}.section-index span:first-child{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;letter-spacing:0}.overview{padding-top:145px;padding-bottom:155px}.overview-grid{display:grid;grid-template-columns:1.1fr .65fr;gap:9%;align-items:end;margin-top:62px}h2{font:clamp(50px,6.25vw,96px)/.94 var(--bold);letter-spacing:-.055em}h2 em{color:var(--accent)}.overview-text p{font-size:clamp(17px,1.45vw,21px);line-height:1.42;letter-spacing:-.005em}.overview-text p+p{margin-top:24px}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:36px}.project-tags span{padding:10px 15px;border:1px solid var(--border);border-radius:30px;text-transform:uppercase;letter-spacing:.08em;font:11px var(--bold)}.feature-section{background:var(--accent);color:var(--paper);overflow:hidden}.feature-grid{display:grid;grid-template-columns:.84fr 1fr;gap:9%;align-items:center;min-height:820px}.feature-visual{height:820px;position:relative;display:flex;align-items:end}.phone{border:7px solid #211d1b;border-radius:45px;background:#211d1b;overflow:hidden;box-shadow:0 30px 60px rgba(37,26,10,.2)}.phone img{width:100%;height:auto;aspect-ratio:946/2048;object-fit:cover}.feature-visual .phone{width:min(82%,390px);transform:translateY(12%)}.visual-aside{position:absolute;right:-9%;bottom:19%;writing-mode:vertical-rl;font:11px var(--bold);letter-spacing:.18em}.feature-content{padding:100px 0}.on-color{color:var(--paper)}.feature-content h2{margin-top:55px}.feature-content h2 em{color:var(--dark)}.feature-content>p{font-size:21px;line-height:1.4;max-width:460px;margin-top:35px}.feature-number{margin-top:70px;padding-top:17px;border-top:1px solid rgba(255,243,218,.65);font:66px var(--bold);letter-spacing:-.07em}.feature-number span{display:block;margin-top:4px;font:12px var(--medium);letter-spacing:.13em;text-transform:uppercase}.news-section{padding-top:150px;padding-bottom:165px}.news-heading,.reading-head,.identity-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:55px 0 68px}.news-heading p,.reading-head p,.identity-head p{font-size:20px;line-height:1.4;max-width:360px;color:var(--muted)}.news-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:7%}.news-layout .phone{width:min(100%,490px);margin-inline:auto}.news-secondary{padding-top:180px}.caption{width:min(100%,490px);margin:27px auto 0;display:flex;flex-direction:column;gap:6px}.caption span,.words-devices figcaption span{font:12px var(--bold);letter-spacing:.14em;color:var(--accent)}.caption strong,.words-devices figcaption strong{font:28px var(--bold);letter-spacing:-.045em}.caption p{font-size:16px;line-height:1.36;color:var(--muted)}.statement{background:var(--dark);color:var(--paper)}.statement-inner{min-height:590px;padding-top:48px;padding-bottom:40px;display:flex;flex-direction:column;justify-content:space-between}.statement-top,.statement-bottom{display:flex;justify-content:space-between;gap:30px;font:12px var(--bold);letter-spacing:.12em}.statement-top span:last-child{font-size:18px;letter-spacing:0}.statement p{font:clamp(52px,7.2vw,114px)/.98 var(--bold);letter-spacing:-.055em}.statement p em{color:var(--accent)}.statement-bottom{padding-top:22px;border-top:1px solid rgba(255,243,218,.42)}.reading-section{padding-top:150px;padding-bottom:170px}.reading-layout{display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:center}.reading-phone .phone{max-width:490px;margin:auto}.reading-quote{position:relative;padding:55px;background:#fff9ec;border-radius:25px;box-shadow:14px 14px 0 var(--accent)}.quote-kicker{font:12px var(--bold);letter-spacing:.14em;color:var(--accent)}.reading-quote strong{display:block;margin-top:40px;font:clamp(41px,5vw,78px)/1 var(--bold);letter-spacing:-.07em;overflow-wrap:anywhere}.reading-quote p{font:32px var(--font);margin-top:15px}.quote-rule{height:1px;background:var(--border);margin:55px 0 20px}.reading-quote small{font-size:17px;line-height:1.37;color:var(--muted);max-width:280px;display:block}.words-section{background:#fffaf0;padding:150px 0 160px}.words-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:55px 0 75px}.words-head p{font-size:20px;line-height:1.4;max-width:365px;color:var(--muted)}.words-devices{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:end}.words-devices figure:nth-child(2){padding-top:110px}.words-devices .phone{width:min(100%,500px);margin:auto}.words-devices figcaption{display:flex;flex-direction:column;gap:8px;max-width:500px;margin:25px auto 0}.identity{padding-top:150px;padding-bottom:155px}.palette{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:8px;margin-top:80px}.swatch{height:280px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;font:13px var(--bold);letter-spacing:.04em}.swatch.orange{background:var(--accent);color:#fff}.swatch.cream{background:var(--paper);border:1px solid var(--border)}.swatch.dark{background:var(--dark);color:var(--paper)}.type-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:baseline;gap:30px;margin-top:70px;padding:35px 0}.type-row>span{font:12px var(--bold);letter-spacing:.08em;max-width:210px}.type-row p{font:clamp(72px,9vw,150px)/1 var(--medium);letter-spacing:-.09em;white-space:nowrap}.type-row p span{color:var(--accent)}.final-panel{background:var(--accent);color:var(--paper)}.final-inner{min-height:620px;padding-top:65px;padding-bottom:38px;display:flex;flex-direction:column;justify-content:space-between}.final-inner>span{font:12px var(--bold);letter-spacing:.15em}.final-inner p{font:clamp(68px,10vw,158px)/.88 var(--bold);letter-spacing:-.065em}.final-inner em{color:var(--dark)}.final-line{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid rgba(255,243,218,.6);padding-top:22px}.final-line>span{font:20px var(--font)}.final-line strong{font:36px var(--bold);letter-spacing:-.07em}.final-line .dot{color:var(--dark)}
@media(max-width:950px){.container{width:min(calc(100% - 52px),1460px)}.overview-grid{gap:5%}.feature-grid{min-height:700px}.feature-visual{height:700px}.hero-stage-inner{min-height:550px}.hero-phone-front{right:18%}.hero-phone-back{right:-8%}.news-secondary{padding-top:115px}.reading-layout{gap:6%}.reading-quote{padding:35px}}
@media(max-width:680px){.container{width:min(calc(100% - 36px),1460px)}.topbar{height:61px;font-size:10px;letter-spacing:.03em}.topbar span:nth-child(2){display:none}.signature{font-size:21px}.hero-copy{padding:67px 0 50px}.eyebrow{font-size:11px}.hero h1{font-size:clamp(57px,12.3vw,87px);line-height:.9;margin:34px 0 30px}.hero-caption p{font-size:18px}.hero-caption>span{display:none}.hero-stage-inner{height:540px;min-height:0}.hero-stage-inner::before{font-size:600px;top:20%}.hero-edition{top:32px}.hero-edition span,.hero-stage-note{font-size:10px}.hero-edition strong{font-size:28px;margin-top:13px}.hero-phone{width:205px;border-width:5px;border-radius:28px}.hero-phone-front{top:135px;right:35%;transform:rotate(-5deg)}.hero-phone-back{top:186px;right:-30px;transform:rotate(8deg)}.hero-stage-note{bottom:18px;left:0;max-width:150px}.section-index{font-size:11px}.overview{padding-top:92px;padding-bottom:100px}.overview-grid{display:block;margin-top:42px}h2{font-size:clamp(48px,10.7vw,70px)}.overview-text{margin-top:30px}.overview-text p{font-size:17px}.project-tags{margin-top:27px}.feature-grid{display:flex;flex-direction:column-reverse;gap:0;min-height:0}.feature-content{padding:82px 0 25px}.feature-content h2{margin-top:38px}.feature-content>p{font-size:17px;margin-top:25px}.feature-number{margin-top:38px;font-size:50px}.feature-visual{width:100%;height:auto;justify-content:center;align-items:start}.feature-visual .phone{width:min(80%,320px);transform:translateY(12%)}.visual-aside{display:none}.news-section{padding-top:90px;padding-bottom:110px}.news-heading,.reading-head,.identity-head{display:block;margin:40px 0 43px}.news-heading p,.reading-head p,.identity-head p,.words-head p{font-size:17px;margin-top:25px}.news-layout{display:block}.news-layout .phone{width:min(100%,380px)}.news-secondary{padding-top:75px}.caption{max-width:380px}.caption strong,.words-devices figcaption strong{font-size:23px}.statement-inner{min-height:360px;padding-top:32px;padding-bottom:28px}.statement-top,.statement-bottom{font-size:10px}.statement-top span:last-child{display:none}.statement p{font-size:clamp(41px,8.7vw,66px)}.statement-bottom span:last-child{display:none}.reading-section{padding-top:90px;padding-bottom:110px}.reading-layout{display:block}.reading-phone .phone{width:min(100%,380px)}.reading-quote{margin:65px 10px 0;padding:32px}.reading-quote strong{font-size:47px;margin-top:28px}.reading-quote p{font-size:25px}.quote-rule{margin:35px 0 15px}.words-section{padding:90px 0 100px}.words-head{display:block;margin:40px 0 50px}.words-devices{display:block}.words-devices .phone{width:min(100%,380px)}.words-devices figure:nth-child(2){padding-top:70px}.words-devices figcaption{max-width:380px}.identity{padding-top:90px;padding-bottom:100px}.palette{grid-template-columns:1fr 1fr;gap:5px;margin-top:50px}.swatch{height:170px;padding:17px}.swatch.dark{grid-column:span 2;height:125px}.type-row{display:block;padding:28px 0;margin-top:48px}.type-row>span{font-size:10px}.type-row p{font-size:clamp(68px,16vw,110px);margin:20px 0}.final-inner{min-height:420px;padding-top:40px;padding-bottom:25px}.final-inner p{font-size:clamp(51px,12vw,82px)}.final-line>span{font-size:15px}.final-line strong{font-size:27px}}
@media(max-width:410px){.hero-phone{width:185px}.hero-phone-front{right:31%}.hero-phone-back{right:-43px}.hero-stage-inner{height:500px}.hero h1{font-size:57px}.statement p{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.portfolio-back{position:fixed;z-index:50;left:24px;top:88px;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid rgba(32,32,32,.15);border-radius:999px;background:rgba(255,243,218,.82);box-shadow:0 12px 32px rgba(67,41,0,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:var(--ink);font:12px var(--bold);letter-spacing:.04em;text-decoration:none;transition:transform .2s ease,background .2s ease}
.portfolio-back:hover{transform:translateY(-2px);background:rgba(255,243,218,.96)}
.portfolio-back img{width:18px;height:18px;filter:brightness(.15)}
@media(max-width:680px){.portfolio-back{left:12px;top:72px;padding:9px 12px;font-size:11px}}