@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{font-size:13px;--color-text: #000000;--color-bg: #ffffff;--color-link: #000000;--color-link-hover: #000000;--page-padding: 2rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{margin:0;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;font-family:Satoshi,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Liberation Sans,sans-serif}a{text-decoration:none;color:var(--color-link);outline:none;cursor:pointer;&:hover{text-decoration:none;color:var(--color-link-hover)}&:focus{outline:none;background:#d3d3d3;&:not(:focus-visible){background:transparent}&:focus-visible{outline:2px solid red;background:transparent}}}.frame{padding:1rem var(--page-padding);display:grid;z-index:1000;position:relative;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;grid-template-columns:auto auto auto 1fr;grid-template-areas:"title title title title" "back archive github ..." "tags tags tags tags" "sponsor sponsor sponsor sponsor";#cdawrap{justify-self:start;grid-area:sponsor}a,button{pointer-events:auto}.frame__title{grid-area:title;font-size:inherit;margin:0;font-weight:700}.frame__back{grid-area:back;justify-self:start}.frame__archive{grid-area:archive;justify-self:start}.frame__github{grid-area:github}.frame__tags{grid-area:tags;display:flex;flex-wrap:wrap;gap:1rem}@media screen and (min-width:53em){grid-template-columns:auto auto auto auto 1fr;grid-template-rows:auto auto;align-content:space-between;grid-template-areas:"title back github archive demos" "tags tags tags sponsor sponsor";.frame__tags{align-self:end}.frame__title{padding-right:2rem}#cdawrap{justify-self:end;text-align:right;max-width:300px}}}#app{position:relative;z-index:10}#webgl{position:fixed;z-index:0;inset:0;pointer-events:none}h1{font-size:clamp(2rem,5vw,5rem);font-weight:400;text-transform:uppercase;line-height:100%;align-self:end;padding-bottom:1.5rem;padding-left:1rem}.container,.grid-container{display:flex;flex-direction:column}.grid{display:grid;padding:10vh var(--page-padding);column-gap:1rem;row-gap:30vh;grid-template-columns:repeat(9,1fr)}.grid__item{grid-column:var(--c) / span var(--s);grid-row:var(--r);aspect-ratio:var(--ar)}.grid__item p{padding-top:.5rem}[data-hover-line]{--line-progress: 0}[data-hover-line-text]{position:relative;display:inline-block}[data-hover-line-text]:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:currentColor;transform-origin:left center;transform:scaleX(0);transition:transform .45s cubic-bezier(.76,0,.24,1)}[data-hover-line]:hover [data-hover-line-text]:after{transform:scaleX(1)}.container img{width:100%;opacity:0}.details{max-width:100%;padding:var(--page-padding)}.details header{padding-top:3vmax}.details-container{width:100%;height:100dvh;overflow:hidden}.details img{width:100%;height:100%;object-fit:cover;opacity:0}.details-data{display:grid;grid-template-columns:1fr auto auto auto;gap:2rem;padding-bottom:.5rem;align-items:end}[data-text-animation],[data-icon]{visibility:hidden}.chapter-body{max-width:680px;margin:0 auto;padding:8vmax var(--page-padding) 12vmax}.chapter-intro p{font-size:clamp(1rem,1.2vw,1.3rem);line-height:1.75;margin-bottom:1.5em;font-weight:300}.chapter-comparison{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:4rem 0;border-top:1px solid #000;border-bottom:1px solid #000;padding:2.5rem 0}.chapter-comparison__label{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:.75rem;opacity:.4}.chapter-comparison__block p{font-size:clamp(.85rem,1vw,1rem);line-height:1.7;font-weight:300}.chapter-cta{font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:400;line-height:1.55;border-left:3px solid #000;padding-left:1.5rem;margin:4rem 0;font-style:italic}.chapter-nav{display:flex;gap:2rem;padding-top:3rem;font-size:.85rem;font-weight:500;letter-spacing:.05em;border-top:1px solid rgba(0,0,0,.15)}@media screen and (max-width:600px){.chapter-comparison{grid-template-columns:1fr}}.related{container-type:inline-size;padding-top:40vh}.related p{text-align:center;padding-top:3rem}.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:5rem var(--page-padding) 10vh;width:100%;max-width:800px;margin:0 auto}.relgrid__item{display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden}.relgrid__item-img{width:100%;aspect-ratio:4 / 3;background-size:cover;background-position:center;filter:grayscale(1) brightness(.8);transition:all .5s ease}.relgrid__item:hover .relgrid__item-img{filter:grayscale(0) brightness(1)}.relgrid__item-title{padding:.5rem 0;font-size:1rem;font-weight:400;line-height:1.4}.relgrid__item:focus-visible{outline:2px solid #fff;outline-offset:4px}@container (max-width: 800px){.relgrid{grid-template-columns:1fr}.relgrid__item-img{display:none}.relgrid__item-title{padding:.25rem;line-height:1}}.onepager{min-height:100dvh}.op-section{display:grid;grid-template-columns:58% 42%;grid-template-areas:"image content";min-height:100dvh;position:relative}.op-section--reverse{grid-template-columns:42% 58%;grid-template-areas:"content image"}.op-image{grid-area:image;overflow:hidden;height:100dvh;position:sticky;top:0;align-self:start}.op-image img{width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 2s ease}.op-image.is-visible img{opacity:1;transform:scale(1)}.op-content{grid-area:content;display:flex;flex-direction:column;justify-content:flex-start;padding:8vw 5vw 8vw 4vw;min-height:100dvh}.op-section--reverse .op-content{padding:8vw 4vw 8vw 5vw}.op-num{display:block;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;opacity:.25;margin-bottom:1.5rem}.op-title{font-size:clamp(2.5rem,5vw,6rem);font-weight:600;line-height:.98;letter-spacing:-.025em;margin-bottom:1.5rem}.op-location{font-size:.9rem;font-weight:400;letter-spacing:0;opacity:.45;margin-bottom:2.5rem}.op-divider{display:none}.op-intro{font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.7;font-weight:300;max-width:480px;margin-bottom:2rem;opacity:.85}.op-cta{font-size:clamp(1rem,1.4vw,1.3rem);font-weight:400;font-style:italic;line-height:1.65;border-left:2px solid rgba(0,0,0,.2);padding-left:1.5rem;margin-bottom:0;margin-top:.5rem;max-width:460px;opacity:.8}.op-body{margin-top:2rem;display:flex;flex-direction:column;gap:1.5rem;max-width:520px}.op-para{font-size:clamp(.95rem,1.2vw,1.15rem);line-height:1.75;font-weight:300;opacity:.85}.op-para--lead{font-size:clamp(1rem,1.35vw,1.3rem);font-weight:400;opacity:1}.op-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding:1.5rem 0;margin:.5rem 0}.op-comparison__label{display:block;font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;opacity:.35;margin-bottom:.6rem}.op-comparison__block p{font-size:clamp(.85rem,1vw,.95rem);line-height:1.65;font-weight:300;opacity:.8}.op-link{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;align-self:flex-start}.op-link:hover{opacity:.5}.op-footer{padding:4rem var(--page-padding);font-size:.85rem;font-weight:500;border-top:1px solid rgba(0,0,0,.15)}.op-progress{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:200;pointer-events:auto}.op-progress__dot{width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid rgba(0,0,0,.35);padding:0;cursor:pointer;transition:background .3s ease,border-color .3s ease,transform .3s ease}.op-progress__dot.is-active{background:#000;border-color:#000;transform:scale(1.4)}.op-progress__dot:hover:not(.is-active){border-color:#000000b3;background:#00000026}@media screen and (max-width:768px){.op-progress{display:none}}.op-scroll-indicator{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:1;transition:opacity .6s ease;pointer-events:none;z-index:10}.op-scroll-indicator.is-hidden{opacity:0}.op-scroll-indicator span{display:block;width:12px;height:12px;border-right:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(45deg);opacity:0;animation:scrollChevron 1.6s ease-in-out infinite}.op-scroll-indicator span:nth-child(2){animation-delay:.25s}@keyframes scrollChevron{0%{opacity:0;transform:rotate(45deg) translateY(-4px)}40%{opacity:.6}60%{opacity:.6;transform:rotate(45deg) translateY(2px)}to{opacity:0;transform:rotate(45deg) translateY(4px)}}body:has([data-page-template=onepager2]){background:#0c0c0c}.op2-wrap{--op2-bg: #0c0c0c;--op2-text: #e2dfd8;--op2-dim: rgba(226, 223, 216, .28);--op2-border: rgba(226, 223, 216, .07);color:var(--op2-text);min-height:100dvh}body:has([data-page-template=onepager2]) .frame__title,body:has([data-page-template=onepager2]) a{color:#e2dfd880}body:has([data-page-template=onepager2]) a:hover{color:#e2dfd8}.op2-section{border-top:1px solid var(--op2-border);padding:7vw 5vw 10vw;display:grid;grid-template-columns:1fr;gap:3.5rem}.op2-header{display:grid;grid-template-columns:3.5rem 1fr;align-items:end;gap:0}.op2-num{display:block;font-size:.65rem;font-weight:600;letter-spacing:.2em;opacity:.2;padding-bottom:.6rem}.op2-title{font-size:clamp(2.8rem,6.5vw,8rem);font-weight:300;text-transform:uppercase;letter-spacing:-.025em;line-height:.93;margin:0;color:var(--op2-text)}.op2-image-wrap{width:100%;aspect-ratio:16 / 9;max-height:65vh;overflow:hidden}.op2-image-wrap img{width:100%;height:100%;object-fit:cover;opacity:0}.op2-content{display:grid;grid-template-columns:220px 1fr;gap:5rem;max-width:1400px}.op2-meta{padding-top:.15rem}.op2-location{display:block;font-size:clamp(13px,1.1vw,1rem);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--op2-dim);line-height:1.7}.op2-body{display:flex;flex-direction:column;gap:2.5rem;max-width:65ch}.op2-para{font-size:clamp(16px,1.5vw,1.4rem);line-height:1.55;font-weight:400;color:#e2dfd8a6}.op2-para--lead{font-size:clamp(1.4rem,2.4vw,2.2rem);line-height:1.4;color:#e2dfd8e0;font-weight:400}.op2-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-top:1px solid var(--op2-border);border-bottom:1px solid var(--op2-border);padding:2rem 0;margin:.5rem 0}.op2-comparison__label{display:block;font-size:clamp(.6rem,.7vw,.7rem);font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.25;margin-bottom:.8rem}.op2-comparison__block p{font-size:clamp(15px,1.3vw,1.1rem);line-height:1.6;font-weight:400;color:#e2dfd88c}.op2-cta{font-size:clamp(1.2rem,1.9vw,1.75rem);font-weight:400;font-style:italic;line-height:1.5;border-left:2px solid rgba(226,223,216,.2);padding-left:2rem;color:#e2dfd8bf;margin:0}.op2-footer{border-top:1px solid var(--op2-border);padding:3rem 5vw;display:flex;gap:3rem;font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.op2-footer a{color:var(--op2-dim);transition:color .2s ease}.op2-footer a:hover{color:var(--op2-text)}@media screen and (max-width:1024px){.op2-content{grid-template-columns:160px 1fr;gap:3rem}}@media screen and (max-width:768px){.op2-section{padding:10vw 6vw 14vw;gap:2.5rem}.op2-content{grid-template-columns:1fr;gap:2rem}.op2-header{grid-template-columns:2.5rem 1fr}.op2-comparison{grid-template-columns:1fr;gap:2rem}.op2-title{font-size:clamp(2.2rem,10vw,4rem)}.op2-para--lead{font-size:clamp(1.2rem,5vw,1.6rem)}.op2-para{font-size:clamp(16px,3.5vw,1.1rem)}.op2-body{max-width:none}.op2-cta{font-size:clamp(1.05rem,4.5vw,1.35rem)}.op2-image-wrap{aspect-ratio:4/3}.op2-body{gap:2rem}}body:has([data-page-template=onepager3]),body:has([data-page-template=onepager4]){background:#111110}.op3-wrap{--op3-text: #e6e3dc;--op3-dim: rgba(230, 227, 220, .3);--op3-muted: rgba(230, 227, 220, .5);--op3-border: rgba(230, 227, 220, .06);--op3-accent: rgba(230, 227, 220, .12);color:var(--op3-text);min-height:100dvh}body:has([data-page-template=onepager3]) .frame__title,body:has([data-page-template=onepager3]) a,body:has([data-page-template=onepager4]) .frame__title,body:has([data-page-template=onepager4]) a{color:#e6e3dc73}body:has([data-page-template=onepager3]) a:hover,body:has([data-page-template=onepager4]) a:hover{color:var(--op3-text)}body:has([data-page-template=onepager4]) .op3-wrap{--op4-accent: #c9a96e;--op4-accent-dim: rgba(201, 169, 110, .25);--op4-accent-subtle: rgba(201, 169, 110, .08);--op4-glow: rgba(201, 169, 110, .06)}body:has([data-page-template=onepager4]) .op3-section{border-top:none;padding:0 5vw 10vw;position:relative}@media(min-width:1024px){body:has([data-page-template=onepager4]) .op3-section{padding:0 3.5vw 10vw}}@media(min-width:1440px){body:has([data-page-template=onepager4]) .op3-section{padding:0 1.5vw 10vw}}body:has([data-page-template=onepager4]) .op3-section:before{content:"";display:block;width:100%;height:1px;margin-bottom:6vw;background:linear-gradient(90deg,transparent 0%,var(--op4-accent-dim) 20%,var(--op4-accent) 50%,var(--op4-accent-dim) 80%,transparent 100%);opacity:.4}body:has([data-page-template=onepager4]) .op3-section:first-of-type:before{display:none}body:has([data-page-template=onepager4]) .op3-eyebrow{margin-bottom:2.5rem;gap:2rem}body:has([data-page-template=onepager4]) .op3-tag{font-size:clamp(11px,.85vw,.8rem);font-weight:500;letter-spacing:.22em;color:var(--op4-accent);opacity:.7;position:relative;z-index:1}body:has([data-page-template=onepager4]) .op3-title{font-size:clamp(3rem,6vw,6.5rem);font-weight:200;letter-spacing:-.04em;line-height:.88;margin:0 0 1.25rem;position:relative;z-index:1}body:has([data-page-template=onepager4]) .op3-subtitle{color:#e6e3dc66;max-width:55ch;font-size:clamp(12px,.9vw,.85rem);letter-spacing:.15em;margin-bottom:4vw}body:has([data-page-template=onepager4]) .op3-hook{border-left:2px solid var(--op4-accent);border-left-color:var(--op4-accent-dim);padding-left:2rem;font-size:clamp(1.15rem,1.7vw,1.5rem);font-style:italic;line-height:1.5;color:#e6e3dcb3;max-width:48ch;margin-bottom:5vw;opacity:.85}body:has([data-page-template=onepager4]) .op3-image-wrap{border-radius:0;position:relative;overflow:hidden;max-height:none;aspect-ratio:16 / 9;margin-bottom:5vw}body:has([data-page-template=onepager4]) .op3-image-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 50%,rgba(17,17,16,.4) 100%)}body:has([data-page-template=onepager4]) .op3-image-wrap img{scale:1;transition:scale 1.2s ease-out}body:has([data-page-template=onepager4]) .op3-image-wrap:hover img{scale:1.04}@media(max-width:480px){body:has([data-page-template=onepager4]) .op3-image-wrap{aspect-ratio:4 / 3}}body:has([data-page-template=onepager4]) .op3-content{gap:5rem;max-width:1200px}@media(min-width:1440px){body:has([data-page-template=onepager4]) .op3-content{max-width:none}body:has([data-page-template=onepager4]) .op3-title{font-size:clamp(5rem,8vw,9rem)}}body:has([data-page-template=onepager4]) .op3-lead{font-size:clamp(1.6rem,2.3vw,3.2rem);line-height:1.45;max-width:100%;color:#e6e3dce0;font-weight:350}body:has([data-page-template=onepager4]) .op3-body-grid{grid-template-columns:1fr}body:has([data-page-template=onepager4]) .op3-body-text{grid-column:1;max-width:65ch;gap:2rem}@media(min-width:1024px){body:has([data-page-template=onepager4]) .op3-body-text{max-width:88ch}}@media(min-width:1440px){body:has([data-page-template=onepager4]) .op3-body-text{max-width:88%}body:has([data-page-template=onepager4]) .op3-lead{max-width:none}}body:has([data-page-template=onepager4]) .op3-para{font-size:clamp(18px,1.4vw,1.5rem);line-height:1.65;color:#e6e3dc94}body:has([data-page-template=onepager4]) .op3-comparison{border-top:none;padding-top:0;position:relative}body:has([data-page-template=onepager4]) .op3-comparison:before{content:"";display:block;width:4rem;height:1px;background:linear-gradient(90deg,var(--op4-accent-dim),transparent);margin-bottom:2.5rem}body:has([data-page-template=onepager4]) .op3-comparison__header{display:none}body:has([data-page-template=onepager4]) .op3-comparison__label{opacity:1;color:var(--op4-accent);font-size:clamp(10px,.7vw,.7rem);letter-spacing:.28em;font-weight:600}body:has([data-page-template=onepager4]) .op3-comparison__block p{max-width:52ch;color:#e6e3dc73;line-height:1.7}body:has([data-page-template=onepager4]) .op3-comparison__block--after p{color:#e6e3dcbf}body:has([data-page-template=onepager4]) .op3-cta{max-width:36ch;font-size:clamp(1.25rem,2.1vw,1.9rem);font-weight:300;font-style:normal;line-height:1.45;border-left:2px solid var(--op4-accent);padding-left:2.5rem;color:#e6e3dcd1;position:relative}body:has([data-page-template=onepager4]) .op3-cta:before{content:"„";position:absolute;left:2.5rem;top:-2.5rem;font-size:4rem;line-height:1;color:var(--op4-accent);opacity:.3;font-weight:200}body:has([data-page-template=onepager4]) .op3-footer{border-top-color:var(--op4-accent-subtle);padding:4rem 5vw}body:has([data-page-template=onepager4]) .op3-footer a:hover{color:var(--op4-accent)}@media screen and (max-width:768px){body:has([data-page-template=onepager4]) .op3-section{padding:0 6vw 14vw}body:has([data-page-template=onepager4]) .op3-section:before{margin-bottom:10vw}body:has([data-page-template=onepager4]) .op3-title{font-size:clamp(2.2rem,10vw,4rem)}body:has([data-page-template=onepager4]) .op3-hook{max-width:none;padding-left:1.25rem}body:has([data-page-template=onepager4]) .op3-lead{max-width:none;font-size:clamp(1.15rem,5vw,1.5rem)}body:has([data-page-template=onepager4]) .op3-cta{max-width:none;font-size:clamp(1.1rem,4.5vw,1.3rem)}body:has([data-page-template=onepager4]) .op3-cta:before{font-size:2.5rem;top:-1.8rem}}body:has([data-page-template=onepager4]) .op5-wrap .op3-cta{padding-top:3rem}body:has([data-page-template=onepager4]) .op5-wrap .op3-cta:before{top:.5rem}@media screen and (max-width:768px){body:has([data-page-template=onepager4]) .op5-wrap .op3-cta{padding-top:2.5rem}body:has([data-page-template=onepager4]) .op5-wrap .op3-cta:before{top:.4rem;font-size:2.5rem}}body:has([data-page-template=onepager4]) .op5-wrap .op3-footer a{color:#e6e3dc8c}.op3-section{border-top:1px solid var(--op3-border);padding:8vw 5vw 12vw;display:flex;flex-direction:column;gap:0}.op3-eyebrow{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.op3-num{font-size:clamp(13px,1vw,.9rem);font-weight:600;letter-spacing:.2em;opacity:.18}.op3-tag{font-size:clamp(13px,1vw,.9rem);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--op3-dim)}.op3-title{font-size:clamp(3.5rem,8vw,10rem);font-weight:300;text-transform:uppercase;letter-spacing:-.03em;line-height:.9;margin:0 0 1.5rem;color:var(--op3-text)}.op3-subtitle{font-size:clamp(13px,1.1vw,1rem);font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--op3-dim);margin:0 0 5vw;max-width:65ch}.op3-hook{font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:400;font-style:italic;line-height:1.45;color:var(--op3-text);opacity:.75;max-width:40ch;margin:0 0 6vw;border-left:1px solid var(--op3-border);padding-left:1.5rem}.op3-image-wrap{width:100%;aspect-ratio:16 / 9;max-height:65vh;overflow:hidden;margin-bottom:6vw}.op3-image-wrap img{width:100%;height:100%;object-fit:cover;opacity:0}.op3-content{display:flex;flex-direction:column;gap:4rem;max-width:1400px}.op3-lead{font-size:clamp(1.5rem,2.6vw,2.4rem);line-height:1.38;font-weight:400;color:#e6e3dce6;max-width:42ch}.op3-body-grid{display:grid;grid-template-columns:200px 1fr;gap:5rem}.op3-body-text{grid-column:2;display:flex;flex-direction:column;gap:1.75rem;max-width:65ch}.op3-para{font-size:clamp(16px,1.5vw,1.35rem);line-height:1.55;font-weight:400;color:#e6e3dca6}.op3-comparison{border-top:1px solid var(--op3-border);padding-top:3rem}.op3-comparison__header{margin-bottom:2.5rem}.op3-comparison__divider{display:block;width:2rem;height:1px;background:var(--op3-accent)}.op3-comparison__grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.op3-comparison__label{display:block;font-size:clamp(13px,.8vw,.75rem);font-weight:700;letter-spacing:.22em;text-transform:uppercase;opacity:.22;margin-bottom:1rem}.op3-comparison__block p{font-size:clamp(16px,1.3vw,1.1rem);line-height:1.65;font-weight:400;color:#e6e3dc80}.op3-comparison__block--after p{color:#e6e3dcb8}.op3-cta{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:400;font-style:italic;line-height:1.48;border-left:1px solid rgba(230,227,220,.18);padding-left:2.5rem;color:#e6e3dcc7;margin:0;max-width:30ch}.op3-footer{border-top:1px solid var(--op3-border);padding:3rem 5vw;display:flex;gap:3rem;font-size:clamp(13px,.8vw,.75rem);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.op3-footer a{color:var(--op3-dim);transition:color .2s ease}.op3-footer a:hover{color:var(--op3-text)}@media screen and (max-width:1024px){.op3-body-grid{grid-template-columns:140px 1fr;gap:3rem}.op3-hook{font-size:clamp(1rem,2.2vw,1.35rem)}}@media screen and (max-width:768px){.op3-section{padding:12vw 6vw 16vw}.op3-title{font-size:clamp(2.5rem,12vw,5rem)}.op3-lead{font-size:clamp(1.2rem,5.5vw,1.6rem);max-width:none}.op3-body-grid{grid-template-columns:1fr;gap:0}.op3-body-text{grid-column:1;max-width:100%}.op3-hook{font-size:clamp(1rem,4vw,1.25rem);max-width:100%}.op3-para{font-size:clamp(16px,4vw,1.1rem)}.op3-comparison__grid{grid-template-columns:1fr;gap:2.5rem}.op3-cta{font-size:clamp(1.1rem,5vw,1.35rem);max-width:none}.op3-image-wrap{aspect-ratio:4/3;max-height:55vh}}.op-entry-cta{padding:4rem var(--page-padding) 10rem;text-align:center;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}@media screen and (max-width:768px){.op-section,.op-section--reverse{grid-template-columns:1fr;grid-template-rows:55vh 1fr;grid-template-areas:"image" "content"}.op-image{height:55vh}.op-content,.op-section--reverse .op-content{justify-content:center;padding:2.5rem var(--page-padding)}.op-title{font-size:clamp(2rem,8vw,3rem);letter-spacing:-.02em}.op-location{font-size:.9rem;margin-bottom:2rem}.op-intro{font-size:1.05rem;line-height:1.7}.op-cta{font-size:1.05rem;line-height:1.65}.op-comparison{grid-template-columns:1fr}.op-body{max-width:100%}}