@font-face{font-family:Anton;src:url(/assets/offset/fonts/anton.ttf) format("truetype");font-weight:400;font-display:swap}:root{--paper: #f2f0e8;--charcoal: #1c1d1b;--sage: #cad4cf;--coral: #f26b5b;--mustard: #f0c84b;--violet: #5f5ada;scrollbar-color:var(--violet) var(--dark)}body:before{display:none}.case-icon{height:auto}.offset-case{font-family:Figtree,sans-serif}.offset-section{padding:var(--section-space) var(--page-padding);color:var(--charcoal)}.offset-section.dark,.response,.system-foundations{color:var(--paper)}.offset-case h2,.offset-case h3,.offset-case p,.offset-case figure,.offset-case ul,.offset-case dl{margin:0}.offset-case .display{font-family:Figtree,sans-serif;font-weight:500;letter-spacing:-.05em;line-height:1.02;max-width:1050px;text-wrap:balance}.offset-case h2{font-size:clamp(2.7rem,5.2vw,5.5rem)}.offset-case h3{font-size:clamp(1.5rem,2.6vw,2.5rem)}.offset-case .label{font-size:.72rem;font-weight:600;letter-spacing:.05em;line-height:1.6;text-transform:uppercase}.offset-case .body{max-width:70ch;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.72}.offset-case .label+.display{margin-top:1.75rem}.offset-case .display+.body{margin-top:1.75rem}.offset-case .body+.label{margin-top:2rem}.decoration{display:none}.artwork{display:block;width:100%;height:auto}.copy,.offset-intro,.problem-half,.response,.decision,.next-question{min-width:0}.promise{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(3rem,6vw,6rem)}.promise .body{color:var(--sage)}.promise .principles{color:var(--coral)}.problem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.problem-half{padding:clamp(3rem,6vw,6rem) var(--page-padding)}.problem-half h2{font-size:clamp(2.4rem,4vw,4.2rem)}.coral{background:var(--coral)}.sage{background:var(--sage)}.response{grid-column:1 / -1;padding:clamp(3rem,6vw,6rem) var(--page-padding);background:var(--charcoal)}.response h2{max-width:950px;font-size:clamp(2.2rem,3.8vw,4rem)}.principle-grid,.decision-grid,.next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.75rem,4vw,4rem);margin-top:clamp(3rem,5vw,5rem)}.principle,.decision,.next-question{border-top:1px solid currentColor;padding-top:1.75rem}.principle .body,.decision .body,.next-question .body{font-size:1.05rem}.principle .label+.display,.decision .label+.display{margin-top:1rem}.offset-intro .body{margin-top:2rem}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin:clamp(3rem,5vw,5rem) 0 2.5rem}.flow-step .label{margin-bottom:1.5rem}.offset-device{width:100%;max-width:330px;margin-inline:auto}.flow-step .offset-device{max-width:280px}.offset-device .phone-screen{object-fit:fill}.interaction,.reading,.anchor{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(3rem,6vw,6rem)}.feature-list{line-height:2!important}.phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem}.phone-pair>.offset-device:nth-child(2){margin-top:4rem}.phone-pair figcaption{grid-column:1 / -1;margin-top:1rem}.reading-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.credits{margin-top:3rem!important}.visual-system{display:grid;grid-template-columns:1fr auto;gap:3rem;padding-bottom:0}.system-intro .body{margin-top:2rem}.icon-showcase{align-self:center}.icon-showcase img{width:150px;margin-bottom:1rem}.type-sample{grid-column:1 / -1}.type-sample .display{font-family:Anton,sans-serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:400;letter-spacing:0;line-height:1.15}.type-sample .label{margin-top:1rem}.palette{display:grid;grid-column:1 / -1;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0}.swatch .decoration{display:block;height:clamp(5rem,11vw,10rem)}.swatch .label{margin:.8rem .5rem 0;font-size:.64rem}.system-foundations{grid-column:1 / -1;margin:1rem calc(-1 * var(--page-padding)) 0;padding:clamp(3rem,6vw,6rem) var(--page-padding);background:var(--charcoal)}.system-foundations>h3{margin-bottom:2.5rem}.component-samples{display:grid;grid-template-columns:1fr 1.2fr 1.33fr;align-items:center;gap:2rem;margin:2rem 0 3rem}.foundations{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.5rem;border-top:1px solid #f2f0e840;margin-top:1.5rem!important;padding-top:1.5rem}.foundations dt{font-size:.72rem;font-weight:600}.foundations dd{margin:.7rem 0 0;font-size:.8rem;line-height:1.6}.next .label{color:var(--paper)}.next-question .body{margin-top:1rem}@media(max-width:900px){.promise,.interaction,.reading,.anchor{grid-template-columns:1fr}.phone-pair{max-width:600px;margin:0 auto!important}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foundations{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.offset-case h2{font-size:clamp(2.1rem,9.4vw,3.4rem);line-height:1.05}.offset-case h3{font-size:1.65rem}.offset-case .body{font-size:1.02rem;line-height:1.65}.problem,.principle-grid,.decision-grid,.next-grid{grid-template-columns:1fr}.visual-system{grid-template-columns:1fr;gap:2.5rem}.icon-showcase img{width:100px}.component-samples{grid-template-columns:1fr;max-width:400px}.component-samples .art-primary-action{max-width:300px}.component-samples .art-situation-row{max-width:360px}.foundations{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch .label{font-size:.55rem;margin-left:0;margin-right:.2rem;overflow-wrap:anywhere}.flow-grid{gap:1.5rem 1rem}.flow-step .label{font-size:.65rem}.phone-pair{gap:.75rem}.phone-pair figcaption{font-size:.65rem}}.offset-long-device{aspect-ratio:448 / 1698}.offset-long-device .phone-screen{top:.8245%;height:98.351%;border-radius:13.46%/3.35%}