@font-face{font-family:Gambetta;font-weight:600;font-display:swap;src:url(/home/Gambetta-Semibold-rBXdkVJp.woff2)format("woff2")}@font-face{font-family:Gambetta;font-weight:600;font-style:italic;font-display:swap;src:url(/home/Gambetta-SemiboldItalic-BA94Nm0M.woff2)format("woff2")}@font-face{font-family:Satoshi;font-weight:300 900;font-display:swap;src:url(/home/Satoshi-Variable-CFg-z2ne.woff2)format("woff2")}:root{--ground:#ecebe7;--paper:#f6f5f2;--ink:#141414;--ink-2:#141414bd;--ink-3:#1414146b;--blue:#2f4bf5;--on-blue:#f6f5f2;--serif:Gambetta, Georgia, serif;--sans:Satoshi, system-ui, sans-serif;--gutter:clamp(20px, 3.4vw, 48px);--block:calc(4 * 260px + 3 * 20px);--block-inset:max(var(--gutter), (100% - var(--block)) / 2);--radius:clamp(28px, 3vw, 44px);--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;margin:0}html{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;cursor:url("data:image/svg+xml,%3csvg%20width='24.4'%20height='24.4'%20viewBox='0%200%2026%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle%3ePointer%3c/title%3e%3cg%20clip-path='url(%23clip0_1003_9)'%3e%3cmask%20id='mask0_1003_9'%20style='mask-type:luminance'%20maskUnits='userSpaceOnUse'%20x='-1'%20y='-8'%20width='31'%20height='35'%3e%3cpath%20d='M18.0848%20-8.00003L-1%200.81781L10.7769%2026.307L29.8617%2017.4892L18.0848%20-8.00003Z'%20fill='white'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_1003_9)'%3e%3cpath%20d='M1.11352%202.10979L11.1637%2023.8617C11.4208%2024.4182%2012.2143%2024.3817%2012.4148%2023.8089L15.6479%2015.0222C15.7082%2014.853%2015.833%2014.7144%2015.995%2014.6367L24.4905%2010.7115C24.6108%2010.6539%2024.7114%2010.5623%2024.7801%2010.448C24.8487%2010.3337%2024.8823%2010.2017%2024.8767%2010.0685C24.8711%209.93529%2024.8265%209.80669%2024.7484%209.69859C24.6704%209.59049%2024.5623%209.50769%2024.4377%209.46039L1.95895%201.17896C1.83338%201.13415%201.69742%201.12719%201.56793%201.15892C1.43844%201.19066%201.32111%201.2597%201.23048%201.35749C1.13986%201.45529%201.07993%201.57752%201.05813%201.70905C1.03632%201.84058%201.05359%201.97562%201.10781%202.09739L1.11352%202.10979Z'%20fill='black'%20stroke='%23ECEBE7'%20stroke-width='2'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_1003_9'%3e%3crect%20width='26'%20height='26'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") 2 2,auto}html :not(input,textarea){cursor:inherit}body{font-family:var(--sans);background:var(--ground);line-height:1.5}::selection{background:var(--blue);color:var(--on-blue)}img,svg{display:block}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:5;padding:calc(var(--gutter) * .8) var(--gutter);position:absolute;inset:0 0 auto}.top .mark{font:600 24px / 1 var(--serif);letter-spacing:-.01em;color:var(--ink);text-decoration:none}.hero{--hero-h:max(var(--content-h,700px), min(100svh, 960px, 70vw));--photo-w:min(62vw, var(--hero-h) * 1.15);height:var(--hero-h);position:relative;overflow:clip}.word{left:var(--gutter);right:var(--gutter);top:calc(var(--gutter) * 2.4);font-family:var(--serif);letter-spacing:-.045em;color:var(--blue);white-space:nowrap;font-size:12.4vw;font-weight:600;line-height:.8;position:absolute}.word span{display:inline-block}.word span+span{margin-left:.2em}.figure{display:contents}.arch{width:var(--photo-w);height:calc(var(--photo-w) * .66);background:var(--blue);border-top-left-radius:100% 58%;position:absolute;bottom:0;right:0}.photo{width:var(--photo-w);height:auto;position:absolute;bottom:0;right:0}.side{left:var(--gutter);top:var(--side-top,40%);gap:28px;width:min(31vw,460px);display:grid;position:absolute}.sub{font:italic 600 clamp(34px, 3.4vw, 56px) / 1 var(--serif);letter-spacing:-.025em;color:var(--blue);text-wrap:balance}.lede{max-width:30ch;color:var(--ink-2);text-wrap:pretty;font-size:clamp(19px,1.65vw,24px);line-height:1.45}.cta{background:var(--ink);height:60px;color:var(--paper);font:500 17px / 1 var(--sans);border:0;border-radius:999px;align-items:center;gap:14px;padding:0 10px 0 28px;display:inline-flex}.cta .dot{background:var(--blue);width:40px;height:40px;color:var(--on-blue);transition:transform .35s var(--ease);border-radius:50%;place-items:center;display:grid}.cta:hover .dot{transform:rotate(-45deg)}.cta svg{width:16px;height:16px}.cta:disabled{opacity:.5}.projects{padding:clamp(56px, 6vw, 88px) var(--block-inset) clamp(40px, 5vw, 72px)}.projects h2{font:600 clamp(30px, 2.8vw, 44px) / 1.05 var(--serif);letter-spacing:-.02em;margin-bottom:clamp(24px,2.6vw,40px)}.grid{--mark:32cqi;grid-template-columns:repeat(4,minmax(0,260px));gap:clamp(10px,1.2vw,20px);display:grid}.card{aspect-ratio:1;border-radius:var(--radius);background:var(--blue);color:var(--ground);transition:transform .4s var(--ease), box-shadow .4s var(--ease);flex-direction:column;text-decoration:none;display:flex;position:relative;container-type:inline-size}a.card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -22px #2f4bf58c}.card .head{min-height:var(--btn);--btn:clamp(26px, 13cqi, 36px);justify-content:space-between;align-items:center;padding:8cqi 8cqi 0;display:flex}.card .via{letter-spacing:.01em;color:#ecebe7c7;font-size:clamp(10px,5cqi,13px);font-weight:500}.card .id{flex:1;place-items:center;padding:3cqi 8cqi 4cqi;display:grid}.card .meta{padding:0 8cqi 8cqi}.card h3{font:600 clamp(14px, 8.4cqi, 22px) / 1.15 var(--serif);letter-spacing:-.01em}.card .what{color:#ecebe7c7;margin-top:.3em;font-size:clamp(11px,5.4cqi,15px);line-height:1.35}.card .arrow{width:var(--btn);height:var(--btn);border:1px solid;border-radius:50%;place-items:center;transition:background .3s,color .3s;display:grid}a.card:hover .arrow{background:var(--ground);border-color:var(--ground);color:var(--blue)}.card .arrow svg{width:40%;height:40%}.c-rasanara .id svg{height:var(--mark);width:auto}.c-rasanara .id .on{stroke:var(--blue)}.c-sto .wm{font:800 calc(var(--mark) * .72) / .9 var(--sans);letter-spacing:-.04em}.c-sto .tl{font:500 calc(var(--mark) * .105) / 1 var(--sans);letter-spacing:-.01em;color:#ecebe7c7;margin-top:.6em}@container (width<=200px){.c-sto .tl{display:none}}.cc-mark{width:var(--mark);aspect-ratio:1;position:relative}.cc-mark b{background:var(--ground);color:var(--blue);font:700 calc(var(--mark) * .1) / 1.25 var(--sans);letter-spacing:.2em;text-align:center;text-indent:.2em;border-radius:50%;place-content:center;display:grid;position:absolute;inset:0}.cc-mark b small{letter-spacing:.3em;font-size:.62em}.c-simthngs .id svg{width:calc(var(--mark) * 1.9);height:auto}.foot{padding:0 var(--block-inset) calc(var(--gutter) * .8);color:var(--ink-3);justify-content:space-between;font-size:13px;display:flex}dialog{--pad-y:clamp(18px, 4.5vh, 44px);--pad-x:clamp(24px, 3vw, 44px);width:min(520px,100vw);max-width:none;height:100dvh;max-height:none;padding:max(var(--pad-y), env(safe-area-inset-top)) var(--pad-x) max(var(--pad-y), env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#14141438 transparent;border:0;margin:0 0 0 auto;overflow-y:auto;box-shadow:-30px 0 80px -30px #14141459}dialog[open]{flex-direction:column;display:flex}dialog::backdrop{background:#14141459}dialog h2{font:600 clamp(30px, 5.5vh, 40px) / 1 var(--serif);letter-spacing:-.03em;color:var(--blue);margin:0 0 clamp(6px,1.3vh,12px);padding-right:56px}dialog .note{color:var(--ink-2);margin-bottom:clamp(16px,3.6vh,32px)}dialog .close{top:max(var(--pad-y), env(safe-area-inset-top));right:calc(var(--pad-x) - 6px);width:40px;height:40px;color:var(--ink);transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}dialog .close:hover,dialog .close:active{background:var(--ink);color:var(--paper)}dialog .close:focus-visible{outline:2px solid var(--blue);outline-offset:2px}dialog .close svg{width:14px;height:14px}dialog form{flex-direction:column;flex:1 0 auto;display:flex}dialog .cta{flex:none;align-self:flex-start;height:clamp(50px,7.4vh,60px)}label{margin-bottom:clamp(4px,.9vh,8px);font-size:14px;font-weight:500;display:block}input,textarea{background:var(--ground);width:100%;color:var(--ink);font:400 17px / 1.4 var(--sans);caret-color:var(--blue);border:1px solid #0000;border-radius:14px;margin-bottom:clamp(12px,2.4vh,20px);padding:clamp(10px,1.6vh,14px) 16px}input:focus,textarea:focus{border-color:var(--blue);background:#fff;outline:none}@media (height<=620px) and (width>=420px){dialog .pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}}textarea{resize:none;flex:1 1 0;min-height:88px;max-height:340px;margin-bottom:clamp(16px,3vh,28px)}.status{min-height:1.5em;color:var(--ink-2);margin-top:clamp(8px,1.6vh,16px);font-size:15px}@media (width<=760px){.hero{height:auto;padding-top:84px}.word{padding:0 var(--gutter);position:relative;inset:auto}.word span{width:max-content;display:block}.word span+span{margin-left:0}.figure{margin-top:-14vw;display:block;position:relative}.arch{width:82%;height:70%}.photo{width:100%;position:relative}.side{width:auto;padding:32px var(--gutter) 0;gap:22px;position:static}.lede{font-size:19px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot{flex-direction:column;gap:4px}}