:root{--off:#f1f2f6;--ink:#141414;--cf:#91cbfd;--gr:#c8c8c8;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:70px}body{background:var(--off) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.2 0 0 0 .8451 .2 0 0 0 .849 .2 0 0 0 .8647 0 0 0 0 1'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");color:var(--ink);margin:0;font-family:Bodoni Moda,Didot,Times New Roman,serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.icons{align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.ico{width:30px;height:30px;display:block}.ico svg{width:100%;height:100%;display:block}.f{fill:currentColor}.s{fill:none;stroke:currentColor;stroke-width:2px}.ico:focus-visible{outline-offset:4px;outline:1px solid}#top .ico:hover,.page .ico:hover{color:var(--cf)}#hero .ico:hover .f{fill:var(--cf)}#hero .ico:hover .s{stroke:var(--cf)}#hero{color:#fff;height:100svh;min-height:540px;position:relative;overflow:visible}#skywrap{opacity:.96;-webkit-mask-composite:source-in;filter:saturate(1.2)contrast(1.08)sepia(.1);background:radial-gradient(55% 50% at 20% 72%,#4676e4f2,#0000 75%),radial-gradient(45% 40% at 48% 86%,#9680d6e6,#0000 75%),radial-gradient(35% 30% at 6% 92%,#f4a0c4e6,#0000 75%),radial-gradient(40% 35% at 60% 55%,#6ea0f0cc,#0000 75%),linear-gradient(#4a7be6 0%,#6f9bf0 35%,#8f95d8 62%,#c6a2d6 82%,#efb1c8 94%);position:absolute;inset:0 0 -18vh;overflow:hidden;-webkit-mask-image:radial-gradient(75% 75% at 50% 45%,#000 84%,#0000 100%),linear-gradient(#000 0 68%,#0009 82%,#00000040 92%,#0000 100%);mask-image:radial-gradient(75% 75% at 50% 45%,#000 84%,#0000 100%),linear-gradient(#000 0 68%,#0009 82%,#00000040 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}#skywrap canvas{z-index:1;will-change:transform;opacity:0;width:100%;height:118%;transition:opacity 1.6s;position:absolute;top:-6%;left:0}#skywrap canvas.in{opacity:1}#cB.in{opacity:.7}#skywrap:before{content:"";z-index:2;background:radial-gradient(at 0%,#ffb46e4d,#0000 55%),linear-gradient(#0000 55%,#ffbe8c33),linear-gradient(200deg,#ff3c8c0f,#0000 40%,#00beaa0f),radial-gradient(at 50% 45%,#0000 50%,#281e5042 100%);position:absolute;inset:0}#skywrap:after{content:"";z-index:2;mix-blend-mode:overlay;opacity:.8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}#hero .who{z-index:3;text-align:left;position:absolute;bottom:clamp(90px,15vh,150px);left:clamp(20px,5vw,72px)}#hero h1{text-transform:uppercase;text-shadow:0 5px 16px #1428648c,0 1px 3px #14286473;margin:0;font-family:Noto Serif,Georgia,serif;font-size:clamp(2.6rem,7vw,6.5rem);font-style:italic;font-weight:400;line-height:1.1}#hero .sub{text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 10px #1428648c;margin:16px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(.95rem,1.6vw,1.3rem);display:inline-block}#hero .icons{filter:drop-shadow(0 2px 6px #1428648c);justify-content:flex-start;margin-top:18px}#top{z-index:30;height:60px;padding:env(safe-area-inset-top,0px) clamp(12px,3vw,32px) 0;-webkit-backdrop-filter:blur(8px);background:#f1f2f6f0;border-bottom:1px solid #00000014;align-items:center;gap:clamp(12px,2.5vw,28px);transition:transform .5s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}#top.on{transform:none}#top .nm{text-transform:uppercase;white-space:nowrap;font-family:Noto Serif,Georgia,serif;font-size:1.1rem;font-style:italic}#top .em{white-space:nowrap;border-bottom:3px solid #f8cdd7;margin-left:auto;font-size:.95rem}#top .em:hover{color:var(--cf)}#top .icons{gap:14px}#top .ico{width:22px;height:22px}#burger{cursor:pointer;background:0 0;border:0;flex:none;width:44px;height:44px;position:relative}#burger span{background:var(--ink);height:1.5px;transition:all .35s;position:absolute;left:10px;right:10px}#burger span:first-child{top:16px}#burger span:nth-child(2){top:22px}#burger span:nth-child(3){top:28px}#burger.x span:first-child{top:22px;transform:rotate(45deg)}#burger.x span:nth-child(2){opacity:0}#burger.x span:nth-child(3){top:22px;transform:rotate(-45deg)}#menu{z-index:25;background:var(--off);opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;padding-top:60px;transition:all .4s;display:flex;position:fixed;inset:0}#menu.on{opacity:1;visibility:visible}.mi,.mb{display:none}#menu .mi a:hover{transform:none}#menu a{font-size:clamp(2.2rem,6.2vw,3.7rem);line-height:1.3;transition:all .25s}#menu a:hover{color:var(--cf);transform:translate(2px)}#work{padding:30vh clamp(20px,6vw,90px) clamp(120px,16vh,200px);position:relative}#work>h2{text-align:center;text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin:0 0 clamp(240px,26vh,300px);font-family:Bodoni Moda,Didot,serif;font-size:clamp(2.2rem,6.5vw,5.8rem);font-weight:500;line-height:1}#trail{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}#trail path{fill:none;stroke:#c4c4ca;stroke-opacity:.75;stroke-width:2.4px;stroke-linecap:round;stroke-dasharray:.1 12 18 12 .1 12 .1 12 8 12}#plane{z-index:0;pointer-events:none;will-change:transform;width:150px;height:150px;margin:-75px 0 0 -75px;position:absolute;top:0;left:0}.proj{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:12vw;max-width:1200px;min-height:82vh;margin:0 auto;display:grid;position:relative}.proj.rev .stack{order:2}.stack{aspect-ratio:4/3;cursor:pointer;justify-self:start;width:min(100%,460px);position:relative}.proj.rev .stack{justify-self:end}.card{color:#0000008c;border-radius:4px;align-items:flex-end;padding:16px;font-size:.85rem;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .7s;display:flex;position:absolute;inset:0;box-shadow:0 14px 34px #3c321e38}.card[data-p="0"]{z-index:3}.card[data-p="1"]{z-index:2;opacity:.92;transform:translate(18px,-16px)rotate(3deg)}.card[data-p="2"]{z-index:1;opacity:.8;transform:translate(-16px,-30px)rotate(-3deg)}.stack:hover .card[data-p="0"]{transform:scale(1.03)}.txt{max-width:400px}.proj.rev .txt{text-align:right;justify-self:end}.txt h3{margin:0 0 12px;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:500;line-height:1.05}.txt p{margin:0 0 20px;font-size:1.05rem;line-height:1.65}.ul{border-bottom:4px solid #f8cdd7;padding-bottom:4px;transition:all .3s}.ul:hover{color:var(--cf)}#end{z-index:1;grid-template-columns:1fr 1fr;gap:8vw;max-width:1200px;margin:0 auto;padding:clamp(120px,16vh,200px) clamp(20px,6vw,90px) clamp(24px,4vh,48px);display:grid;position:relative}#end h2{text-transform:uppercase;letter-spacing:.12em;color:var(--ink);margin:0 0 20px;font-family:Bodoni Moda,Didot,serif;font-size:clamp(1.9rem,4.2vw,3.8rem);font-weight:500;line-height:1}#end p{max-width:420px;font-size:1.05rem;line-height:1.7}#end ul{margin:0;padding:0;list-style:none}footer{text-align:center;opacity:.6;padding:0 0 12px;font-size:.75rem}.page{max-width:1300px;margin:0 auto;padding:110px clamp(20px,5vw,72px) 90px}.pt{margin:0 0 .25em;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:500;line-height:1}.lead{max-width:560px;margin:0 0 40px;font-size:1.1rem;line-height:1.7}.blk{grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(150px,17vw,235px);gap:12px;margin-bottom:12px;display:grid}.tile{color:var(--ink);border-radius:6px;flex-direction:column;justify-content:flex-end;padding:18px;transition:transform .45s,box-shadow .45s;display:flex;position:relative;overflow:hidden}.tile:hover{transform:scale(1.015);box-shadow:0 16px 34px #3c321e40}.tile b{font-size:clamp(1.1rem,2vw,1.8rem);font-weight:500;line-height:1.1}.tile small{opacity:.9;margin-top:4px;font-size:.85rem}.v0>a:first-child{grid-area:1/1/3/3}.v0>a:nth-child(2){grid-area:1/3/3/4}.v0>a:nth-child(3){grid-area:1/4}.v0>a:nth-child(4){grid-area:2/4}.v1>a:first-child{grid-area:1/1/2/3}.v1>a:nth-child(2){grid-area:2/1}.v1>a:nth-child(3){grid-area:2/2}.v1>a:nth-child(4){grid-area:1/3/3/5}.v2>a:first-child{grid-area:1/1/3/3}.v2>a:nth-child(2){grid-area:1/3/2/5}.v2>a:nth-child(3){grid-area:2/3}.v2>a:nth-child(4){grid-area:2/4}.meta{opacity:.75;margin:0 0 36px;font-size:1.15rem;font-style:italic}.sc{grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 44px;display:grid}.box{cursor:default;background:0 0;outline:0;min-height:170px;padding:20px 18px;position:relative;overflow:hidden}.box .l{opacity:.75;font-size:.95rem}.box .n{margin-top:18px;font-size:clamp(2.6rem,5vw,3.8rem);line-height:1}.box .n span{opacity:.5;font-size:1.1rem}.box .d{opacity:0;background:#f1f2f6;padding:18px;font-size:.92rem;line-height:1.5;transition:opacity .3s;position:absolute;inset:0}.box:hover .d,.box:focus .d,.box.open .d{opacity:1}.body{max-width:680px;margin:0;font-size:1.1rem;line-height:1.75}.lk{justify-content:space-between;margin-top:56px;font-size:1.2rem;display:flex}.back{opacity:.7;margin-bottom:28px;display:inline-block}.back:hover{color:var(--cf)}.row{border-bottom:1px solid var(--gr);justify-content:space-between;gap:20px;padding:16px 0;font-size:1.25rem;display:flex}.row i{opacity:.6}.rs{margin:38px 0 6px;font-size:1.25rem;font-weight:500}.rsp{margin:0;font-size:.95rem!important}.two{grid-template-columns:1fr 1fr;gap:6vw;display:grid}.sug{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sug .tile{aspect-ratio:4/3}.aw{border-bottom:1px solid var(--gr);grid-template-columns:2fr 1.3fr 70px;align-items:baseline;gap:16px;padding:16px 0;font-size:1.6rem;display:grid}.aw span:nth-child(2){opacity:.6;font-size:1.05rem;font-style:italic}.aw span:nth-child(3){text-align:right}.aw.hd span{opacity:.55;font-size:.85rem!important}.rz{letter-spacing:.42em;color:#f1f2f6;text-shadow:1px 1px 1px #fff,-1px -1px 1px #00000024;background:#f1f2f6;border-radius:8px;justify-content:center;align-items:center;margin-top:44px;padding:26px 60px;font-family:Bodoni Moda,serif;font-size:clamp(1.2rem,2.4vw,1.7rem);transition:all .3s;display:flex;position:relative;box-shadow:inset 4px 4px 10px #00000024,inset -4px -4px 10px #fff}.rz:hover{box-shadow:inset 6px 6px 13px #0000002e,inset -6px -6px 13px #fff}.rz svg{fill:none;stroke:#f1f2f6;stroke-width:1.4px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(1px 1px #fff)drop-shadow(-1px -1px #00000024);width:24px;height:24px;position:absolute;right:22px}.dn{z-index:2;cursor:pointer;width:56px;height:28px;margin-left:-28px;position:absolute;top:9vh;left:50%}.dn svg{fill:none;width:100%;height:100%;stroke:var(--ink);stroke-width:1.1px;stroke-linecap:round;stroke-linejoin:round}@keyframes bob{50%{transform:translateY(7px)}}.sk{margin:32px 0 0;font-family:Instrument Serif,Georgia,serif;font-size:1.3rem;font-style:italic}.h3{text-underline-offset:6px;margin:36px 0 6px;font-size:1.5rem;font-weight:500;-webkit-text-decoration:underline #acd5f4;text-decoration:underline #acd5f4;text-decoration-thickness:3px}#end li a,.rz{text-align:center;text-indent:.34em;text-transform:uppercase;letter-spacing:.34em;color:var(--ink);text-shadow:1px 1px 1px #fff,-1px -1px 1px #0000002e;background:#f1f2f6;border-radius:8px;justify-content:center;align-items:center;font-family:Bodoni Moda,serif;transition:all .3s;display:flex;box-shadow:inset 4px 4px 10px #00000024,inset -4px -4px 10px #fff}#end li a{margin-bottom:14px;padding:20px 12px;font-size:clamp(1.05rem,1.8vw,1.35rem)}.rz:hover,#end li a:hover{box-shadow:inset 6px 6px 13px #0000002e,inset -6px -6px 13px #fff}.rz.dl svg{fill:none;stroke-width:2.2px}.rz svg{fill:#f1f2f6;stroke:#f1f2f6;stroke-width:1.4px;filter:drop-shadow(2px 2px 1px #fff)drop-shadow(-2px -2px 2px #0000004d)}@media (width<=760px){.proj,#end{grid-template-columns:1fr;gap:6vh}.proj{min-height:auto;margin-bottom:12vh}.proj.rev .stack{order:0}.proj .stack,.proj.rev .stack{justify-self:center;width:88%}.txt,.proj.rev .txt{text-align:left;justify-self:start;max-width:none}.blk{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.blk>a{grid-area:auto!important}.blk>a:first-child{grid-area:auto/auto/span 2/span 2!important}.blk>a:nth-child(2){grid-area:auto/auto/span 1/span 2!important}.sc{grid-template-columns:repeat(2,1fr)}#hero h1{font-size:clamp(2.6rem,14vw,4.6rem)}.mb{display:inline}#top .icons{display:none}.mi{bottom:calc(30px + env(safe-area-inset-bottom,0px));justify-content:center;gap:22px;display:flex;position:absolute;left:0;right:0}.two,.sug{grid-template-columns:1fr}.aw{grid-template-columns:1fr 1fr}.aw span:first-child{grid-column:1/-1}}@media (width<=480px){#top .icons{display:none}#top .em{font-size:.8rem}#top .nm{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.dn{animation:none}#skywrap canvas{transition:none}}