:root{--bg:#f2f2f2;--field:#e4e4e4;--ink:#111;--moss:#1f4d2e;--muted:#1111118f;--line:#11111124;--ease:cubic-bezier(.22, .8, .16, 1);--sans:"Bricolage Grotesque", Arial, sans-serif;--serif:"Newsreader", Georgia, serif;--pad:24px;--header:62px}@property --r{syntax:"<length>";inherits:true;initial-value:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--ink);background:var(--bg);font-family:var(--sans);font-variation-settings:"opsz" 24;-webkit-font-smoothing:antialiased;margin:0;font-weight:300;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p,dl,dd,ol{margin:0}em{font-family:var(--serif);color:var(--moss);letter-spacing:-.045em;font-style:italic;font-weight:300}::selection{color:var(--bg);background:var(--moss)}.label{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1}.button{height:32px;color:var(--bg);background:var(--ink);letter-spacing:.04em;text-transform:uppercase;transition:background .4s var(--ease);align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:400;display:inline-flex}.button:hover{background:var(--moss)}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.site-header{z-index:50;height:var(--header);margin:0 var(--pad);border-bottom:1px solid var(--line);background:var(--bg);grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}.site-header:before{content:"";inset:0 calc(var(--pad) * -1);z-index:-1;background:var(--bg);position:absolute}.brand{letter-spacing:-.05em;justify-self:start;align-items:center;gap:8px;font-size:21px;font-weight:400;display:inline-flex}.brand__mark{width:22px;height:22px;fill:var(--ink);stroke:var(--ink);stroke-width:1.4px}.brand__mark path{fill:none}.site-nav{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;gap:28px;font-size:11px;font-weight:400;display:flex}.site-nav a,.header-cta{transition:color .3s var(--ease)}.site-nav a:hover{color:var(--ink)}.header-cta{letter-spacing:.08em;text-transform:uppercase;justify-self:end;font-size:11px;font-weight:400}.header-cta:hover{color:var(--moss)}.pair{aspect-ratio:16/9;--x:50%;--y:50%;--r:0px;position:relative;overflow:hidden}.pair__raw,.pair__living{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0}.pair[data-mode=raw] .pair__living,.pair[data-mode=living] .pair__raw{z-index:2;-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 58%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 58%, transparent 100%);mask-image:radial-gradient(circle var(--r) at var(--x) var(--y), #000 58%, transparent 100%)}.lens-ring{top:var(--y);left:var(--x);z-index:3;width:calc(var(--r) * 1.62);height:calc(var(--r) * 1.62);pointer-events:none;opacity:var(--ring,0);transition:opacity .4s var(--ease);border:1px solid #ffffffb3;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.lens-ring b{color:var(--moss);background:var(--bg);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-left:10px;padding:4px 6px 3px;font-size:10px;font-weight:400;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.hero{height:100svh;min-height:720px;padding:calc(var(--header) + 28px) var(--pad) 22px;position:relative;overflow:hidden}.hero__rules{inset:var(--header) var(--pad) 0;z-index:2;pointer-events:none;mix-blend-mode:multiply;grid-template-columns:1fr 2fr 2fr 1fr;display:grid;position:absolute}.hero__rules i{border-right:1px solid var(--line);grid-row:1}.hero__rules i:first-of-type{grid-column:1}.hero__rules i:nth-of-type(2){grid-column:2}.hero__rules i:nth-of-type(3){grid-column:3}.hero__pair{z-index:1;cursor:none;touch-action:pan-y;width:min(83.4vw,150svh,1500px);position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.hero__top{z-index:2;pointer-events:none;grid-template-columns:1fr 2fr 2fr 1fr;display:grid;position:relative}.hero__model{pointer-events:auto;grid-column:1;align-content:start;gap:18px;display:grid}.mode-switch{border:1px solid var(--ink);grid-template-columns:1fr 1fr;width:148px;height:30px;display:inline-grid;position:relative}.mode-switch button{z-index:1;letter-spacing:.08em;text-transform:uppercase;transition:color .5s var(--ease);font-size:11px;font-weight:400;position:relative}.mode-switch button.is-active{color:var(--bg)}.mode-switch__thumb{background:var(--ink);width:50%;transition:transform .6s var(--ease), background .6s var(--ease);position:absolute;top:0;bottom:0;left:0}.hero[data-default=living] .mode-switch__thumb{background:var(--moss);transform:translate(100%)}.hero__hint{max-width:170px;color:var(--muted);font-size:12px;line-height:1.4}.hero__intro{pointer-events:auto;grid-column:4;align-content:start;justify-items:start;gap:18px;padding-left:22px;display:grid}.hero__intro p{color:var(--muted);letter-spacing:-.01em;font-size:15px;line-height:1.12}.hero__bottom{right:var(--pad);bottom:22px;left:var(--pad);z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:24px;display:flex;position:absolute}.hero__title{letter-spacing:-.055em;font-size:clamp(64px,7.6vw,132px);font-weight:300;line-height:.9}.hero__title .line{padding-bottom:.06em;display:block;overflow:hidden}.hero__title .line>span{animation:rise 1.2s var(--ease) forwards;display:block;transform:translateY(105%)}.hero__title .line--accent>span{color:var(--moss);font-family:var(--serif);letter-spacing:-.045em;font-size:1.04em;font-style:italic;font-weight:300;animation-delay:.12s}.stats{gap:clamp(28px,4.4vw,64px);display:flex}.stats div{gap:12px;display:grid}.stats dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:400}.stats dd{letter-spacing:-.04em;font-size:clamp(22px,1.9vw,30px);font-weight:300}@keyframes rise{to{transform:none}}.method{border-top:1px solid var(--line);height:330vh;position:relative}.method__stage{height:100svh;min-height:680px;padding:calc(var(--header) + 32px) var(--pad) 28px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:16px;display:grid;position:sticky;top:0;overflow:hidden}.method__head{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.method__head h2{letter-spacing:-.05em;text-align:right;max-width:11em;font-size:clamp(40px,4.4vw,72px);font-weight:300;line-height:.95}.method__pair{--w:-8;place-self:center;width:auto;max-width:100%;height:min(100%,64vw);min-height:0}.method__pair .pair__living{z-index:2;-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--w) * 1% - 7%), transparent calc(var(--w) * 1% + 7%));-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--w) * 1% - 7%), transparent calc(var(--w) * 1% + 7%));mask-image:linear-gradient(90deg, #000 calc(var(--w) * 1% - 7%), transparent calc(var(--w) * 1% + 7%))}.wipe-edge{top:6%;bottom:6%;left:calc(var(--w) * 1%);z-index:3;width:1px;opacity:var(--edge,1);background:#1f4d2e80;position:absolute}.wipe-edge b{color:var(--moss);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:400;position:absolute;top:0;left:10px}.steps{grid-template-columns:repeat(3,1fr);gap:24px;padding:0;list-style:none;display:grid}.step{border-top:1px solid var(--line);opacity:.32;transition:opacity .5s var(--ease), border-color .5s var(--ease);grid-template-columns:auto 1fr;gap:8px 18px;padding-top:16px;display:grid}.step.is-active{border-color:var(--ink);opacity:1}.step__num{letter-spacing:.08em;font-size:11px;font-weight:400}.step h3{letter-spacing:-.04em;margin-bottom:8px;font-size:26px;font-weight:300;line-height:1}.step p{max-width:34ch;color:var(--muted);font-size:14px;line-height:1.4}.step__metric{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;grid-column:2;font-size:11px;font-weight:400}.step__metric b{color:var(--ink);letter-spacing:-.04em;text-transform:none;margin-right:6px;font-size:30px;font-weight:300}.field{padding:140px var(--pad) 120px;background:var(--field)}.field__head{grid-template-columns:1fr 2fr;gap:24px;margin-bottom:72px;display:grid}.field__head h2{letter-spacing:-.05em;max-width:14em;font-size:clamp(40px,4.4vw,72px);font-weight:300;line-height:.95}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card__pair{aspect-ratio:16/9;background:var(--bg);cursor:crosshair;transition:--r .9s var(--ease)}.card__meta{gap:12px;padding-top:20px;display:grid}.card__meta h3{letter-spacing:-.035em;max-width:18em;font-size:24px;font-weight:300;line-height:1.05}.card__metric{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:400}.card__metric b{color:var(--moss);letter-spacing:-.03em;text-transform:none;margin-right:6px;font-size:22px;font-weight:300}.contact{padding:140px var(--pad) 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.contact__horizon{--sw:min(86vw, 1320px);height:calc(var(--sw) * .266);margin:auto calc(var(--pad) * -1) 0;pointer-events:none;position:relative;overflow:hidden}.contact__stone{width:var(--sw);height:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact__title{letter-spacing:-.055em;margin-top:56px;font-size:clamp(56px,7.2vw,124px);font-weight:300;line-height:.92}.contact__row{flex-direction:column;align-items:flex-start;gap:32px;margin:72px 0 8px;display:flex}.contact__row p{max-width:30em;color:var(--muted);font-size:17px;line-height:1.4}.button--large{height:56px;padding:0 22px;font-size:14px}.site-footer{right:var(--pad);bottom:0;left:var(--pad);z-index:2;border-top:1px solid var(--line);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:24px;padding:24px 0;font-size:11px;font-weight:400;display:flex;position:absolute}.site-footer>*{background:var(--bg);margin:-4px -6px;padding:4px 6px 3px}.site-footer a:hover{color:var(--ink)}@media (width<=1100px){.hero__top,.hero__rules{grid-template-columns:1fr 1fr}.hero__rules i:nth-of-type(3){display:none}.hero__intro{grid-column:2;justify-self:end;max-width:260px;padding-left:0}.hero__pair{width:112vw}.hero__bottom{flex-direction:column;align-items:flex-start}.method__head{flex-direction:column}.method__head h2{text-align:left}.method__pair{width:100%;height:auto}.steps{grid-template-columns:1fr;gap:14px}.step{display:none}.step.is-active{display:grid}.field__head{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.cards .card:last-child{grid-column:1/-1}}@media (width<=760px){:root{--pad:18px;--header:58px}.site-nav{display:none}.site-header{grid-template-columns:1fr auto}.hero{min-height:640px}.hero__top{grid-template-columns:1fr}.hero__model{grid-template-columns:1fr auto;align-items:center}.hero__model .label{grid-column:1/-1}.hero__hint{max-width:150px}.hero__intro{display:none}.hero__rules{grid-template-columns:1fr 1fr 1fr}.hero__rules i:nth-of-type(3){display:block}.hero__pair{width:178vw;transform:translate(-50%,-58%)}.hero__title{font-size:clamp(52px,15.4vw,72px)}.stats{justify-content:space-between;width:100%}.stats dd{font-size:22px}.method{height:300vh}.method__pair{width:150vw;max-width:none;height:auto;margin-left:-25vw}.step h3{font-size:24px}.field{padding:96px var(--pad) 88px}.field__head{margin-bottom:48px}.cards{grid-template-columns:1fr;gap:40px}.cards .card:last-child{grid-column:auto}.contact{padding-top:96px}.contact__horizon{--sw:170vw}.contact__row{flex-direction:column;align-items:flex-start;margin:48px 0 0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.hero__title .line>span{opacity:1;transform:none}.lens-ring,.wipe-edge{display:none}.hero__pair{cursor:auto}}