:root{--paper:#f4f1e9;--ink:#252722;--muted:#6f736b;--line:#2e312b24;--accent:#c9a069;--night:#080908;--panel:#10110f}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}body:has(.project-modal){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.portfolio{isolation:isolate;background:#f4f1e9;min-height:100svh;position:relative;overflow:hidden}.paper-canvas{z-index:-3;pointer-events:none;background:linear-gradient(115deg,#f5f2ea 0%,#eeece4 58%,#f7f4ed 100%);position:fixed;inset:0}.project-atmosphere{z-index:-2;pointer-events:none;opacity:.64;filter:saturate(.6)contrast(.94);will-change:opacity, filter;animation:1.15s cubic-bezier(.2,.75,.2,1) both atmosphere-in;position:fixed;inset:-2%;overflow:hidden}.project-atmosphere:after{content:"";background:radial-gradient(at 59% 46%,#f7f4ed4d,#f7f4ed05 48%,#f7f4ed29);position:absolute;inset:0}.scenery-film{will-change:transform;width:204%;animation:32s linear infinite scenery-crossing;display:flex;position:absolute;inset:0 auto 0 0}.film-frame{background-image:linear-gradient(110deg, color-mix(in srgb, var(--project-mood) 8%, transparent), transparent 42%, color-mix(in srgb, var(--project-mood) 6%, transparent)), var(--project-background);background-position:50%;background-size:cover;flex:0 0 50%;height:100%;display:block;position:relative;overflow:hidden}.film-frame:nth-child(2){transform:scaleX(-1)}@keyframes atmosphere-in{0%{opacity:0;filter:saturate(.45)blur(2.5px)}to{opacity:.64;filter:saturate(.6)blur()}}@keyframes scenery-crossing{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.portfolio:before{content:"";z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:fixed;inset:0}.architectural-grid{z-index:-1;pointer-events:none;opacity:.42;position:fixed;inset:0}.architectural-grid:before{content:"";background:linear-gradient(90deg, var(--line), transparent 38%, var(--line));height:1px;position:absolute;top:96px;left:4.5vw;right:4.5vw}.architectural-grid:after{content:"";background:linear-gradient(var(--line), transparent 72%);width:1px;position:absolute;top:96px;bottom:0;left:42%}.ambient{filter:blur(110px);pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.ambient-one{background:#a0896714;width:34vw;height:34vw;top:20vh;right:9vw}.ambient-two{background:#5c6f6112;width:22vw;height:22vw;bottom:-10vw;left:-9vw}.architectural-journey{z-index:7;pointer-events:none;height:80px;position:fixed;bottom:clamp(38px,6.5vh,72px);left:0;right:0;overflow:hidden}.architectural-journey svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.architectural-journey path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}.journey-line{stroke:#3a3e3857;stroke-width:1.15px;animation:1.05s cubic-bezier(.2,.75,.2,1) both journey-draw}.journey-construction{stroke:#6c5b433d;stroke-width:.7px;stroke-dasharray:22 5 2 5}.architectural-journey circle{fill:var(--paper);stroke:#6c5b4361;stroke-width:.8px;vector-effect:non-scaling-stroke}.walker-track{display:none}@keyframes journey-draw{0%{opacity:0;stroke-dashoffset:45px}to{opacity:1;stroke-dashoffset:0}}.site-header{z-index:30;opacity:0;justify-content:space-between;align-items:center;height:96px;padding:0 clamp(24px,4.5vw,72px);transition:opacity .65s,transform .65s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-10px)}.is-loaded .site-header{opacity:1;transform:none}.brand{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.brand-mark{letter-spacing:.1em;border:1px solid #2527226b;place-items:center;width:38px;height:38px;font-size:10px;font-weight:700;display:grid;position:relative}.brand-mark i{border-top:1px solid var(--accent);border-right:1px solid var(--accent);width:8px;height:8px;position:absolute;top:-1px;right:-1px}.brand-name{text-transform:uppercase;flex-direction:column;gap:3px;display:flex}.brand-name strong{letter-spacing:.24em;font-size:11px}.brand-name small{color:#787c73;letter-spacing:.34em;font-size:7px}.nav-links{gap:clamp(24px,3vw,48px);display:flex}.nav-links a{color:var(--muted);text-transform:uppercase;letter-spacing:.24em;font-size:9px;text-decoration:none;transition:color .25s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--ink)}.hero{min-height:100svh;position:relative}.hero-copy{z-index:12;opacity:0;pointer-events:none;width:min(520px,38vw);transition:opacity .8s .15s,transform .8s cubic-bezier(.2,.8,.2,1) .15s;position:absolute;top:50%;left:clamp(24px,7vw,112px);transform:translateY(calc(22px - 50%))}.is-loaded .hero-copy{opacity:1;transform:translateY(-50%)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.27em;align-items:center;gap:14px;margin:0 0 24px;font-size:9px;display:flex}.eyebrow span{color:#666861}.hero h1{letter-spacing:-.05em;margin:0;font:400 clamp(52px,5.5vw,88px)/.93 Georgia,Times New Roman,serif}.hero h1 em{color:var(--accent);font-weight:400}.intro{max-width:420px;color:var(--muted);margin:28px 0;font-size:clamp(13px,1.05vw,16px);line-height:1.75}.contact-link{pointer-events:auto;color:var(--ink);text-transform:uppercase;letter-spacing:.22em;border-bottom:1px solid #25272247;align-items:center;gap:18px;padding-bottom:9px;font-size:9px;text-decoration:none;display:inline-flex}.contact-link span{color:var(--accent);font-size:16px;transition:transform .25s}.contact-link:hover span{transform:translate(3px,-3px)}.gallery-stage{z-index:5;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .85s .1s,transform .85s cubic-bezier(.2,.8,.2,1) .1s;position:absolute;inset:12% 0 13% 42%;overflow:hidden;transform:translate(30px)}.is-loaded .gallery-stage{opacity:1;transform:none}.gallery-stage.is-dragging{cursor:grabbing}.gallery-stage:focus-visible{outline-offset:-5px;outline:1px solid #9a764694}.gallery-deck{width:100%;height:100%;transform-style:preserve-3d;perspective:1400px;will-change:transform;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative}.gallery-stage.is-dragging .gallery-deck{transition:none}.side-card-hit{z-index:8;width:15%;color:var(--paper);cursor:pointer;opacity:0;background:0 0;border:0;padding:0;transition:opacity .25s;position:absolute;top:22%;bottom:22%}.side-card-hit span{background:#08090880;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:34px;height:34px;margin:auto;display:grid}.side-card-hit:hover,.side-card-hit:focus-visible{opacity:1;outline:none}.side-card-prev{left:0}.side-card-next{right:0}.project-card{z-index:1;aspect-ratio:16/10;background:var(--panel);color:#fff;cursor:pointer;transform-origin:50%;backface-visibility:hidden;border:1px solid #f1eee62e;width:clamp(330px,38vw,560px);padding:0;transition:transform .72s cubic-bezier(.22,.78,.2,1),opacity .55s,filter .55s,border-color .35s;position:absolute;top:48%;left:52%;overflow:hidden;box-shadow:0 28px 72px #00000073}.project-card.offset-0{z-index:5;opacity:1;border-color:#c9a0699e;transform:translate(-50%,-50%)translateZ(70px)scale(1)}.project-card.offset-neg-1{z-index:4;opacity:.62;filter:brightness(.7)saturate(.76);transform:translate(calc(-50% - 330px),-50%)translateZ(-150px)rotateY(22deg)scale(.82)}.project-card.offset-pos-1{z-index:4;opacity:.62;filter:brightness(.7)saturate(.76);transform:translate(calc(330px - 50%),-50%)translateZ(-150px)rotateY(-22deg)scale(.82)}.project-card.offset-neg-2{z-index:3;opacity:.22;filter:brightness(.5)saturate(.6);transform:translate(calc(-50% - 565px),-50%)translateZ(-300px)rotateY(30deg)scale(.68)}.project-card.offset-pos-2{z-index:3;opacity:.22;filter:brightness(.5)saturate(.6);transform:translate(calc(565px - 50%),-50%)translateZ(-300px)rotateY(-30deg)scale(.68)}.project-card.is-outside{z-index:0;opacity:0;pointer-events:none;transform:translate(-50%,-50%)translateZ(-500px)scale(.55)}.project-card img,.project-image{object-fit:cover;object-position:center;pointer-events:none;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.project-card.is-active:hover img,.project-card.is-active:focus-visible img{transform:scale(1.025)}.project-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card-shade{pointer-events:none;background:linear-gradient(#05060514 35%,#050605e6);position:absolute;inset:0}.card-topline{z-index:2;color:#ffffffb3;letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:20px;left:22px;right:22px}.card-topline i{color:var(--accent);font-style:normal}.card-topline b{font-weight:400}.card-copy{z-index:2;text-align:left;flex-direction:column;gap:9px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.card-copy strong{max-width:72%;font:400 clamp(22px,2vw,31px)/1.05 Georgia,Times New Roman,serif}.card-copy small{color:#ffffff9e;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:9px;font-size:8px;display:flex}.card-copy small i{background:#ffffff4d;width:18px;height:1px}.view-project{z-index:3;color:var(--paper);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:10px;font-size:8px;display:flex;position:absolute;bottom:24px;right:23px}.view-project b{color:var(--accent);font-size:14px}.project-readout{z-index:12;opacity:0;align-items:center;gap:13px;transition:opacity .6s .55s;display:flex;position:absolute;bottom:43px;left:calc(42% + 2vw)}.is-loaded .project-readout{opacity:1}.project-readout>span{color:var(--accent);letter-spacing:.18em;font-size:9px}.project-readout div{flex-direction:column;gap:4px;display:flex}.project-readout b{color:var(--ink);font:400 15px/1 Georgia,serif}.project-readout small{color:#6f716b;letter-spacing:.18em;text-transform:uppercase;font-size:7px}.gallery-controls{z-index:15;opacity:0;align-items:center;gap:16px;transition:opacity .6s .6s;display:flex;position:absolute;bottom:37px;right:clamp(24px,5vw,80px)}.is-loaded .gallery-controls{opacity:1}.gallery-controls>button{width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff47;border:1px solid #25272233;border-radius:50%;transition:border-color .25s,background .25s}.modal-nav button{width:40px;height:40px;color:var(--paper);cursor:pointer;background:#ffffff06;border:1px solid #ffffff2e;border-radius:50%;transition:border-color .25s,background .25s}.gallery-controls>button:hover,.gallery-controls>button:focus-visible,.modal-nav button:hover,.modal-nav button:focus-visible{border-color:var(--accent);background:#c9a0691a}.project-dots{gap:6px;display:flex}.project-dots button{cursor:pointer;background:0 0;border:0;width:16px;height:20px;padding:0;position:relative}.project-dots button:after{content:"";background:#555750;border-radius:50%;width:3px;height:3px;transition:width .25s,background .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-dots button.is-current:after{background:var(--accent);border-radius:2px;width:15px}.drag-hint{z-index:12;color:#686c64;text-transform:uppercase;letter-spacing:.24em;align-items:center;gap:11px;margin:0;font-size:7px;display:flex;position:absolute;bottom:42px;left:clamp(24px,7vw,112px)}.drag-hint span{background:var(--accent);width:25px;height:1px}.signature{z-index:12;color:#6e726a;text-transform:uppercase;letter-spacing:.27em;writing-mode:vertical-rl;margin:0;font-size:7px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.project-modal{z-index:100;background:#080908;grid-template-rows:76px minmax(0,1fr) 132px;animation:.32s both modal-in;display:grid;position:fixed;inset:0}.modal-header{border-bottom:1px solid var(--line);color:#777972;text-transform:uppercase;letter-spacing:.22em;justify-content:space-between;align-items:center;padding:0 clamp(24px,4.5vw,72px);font-size:8px;display:flex}.modal-close{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;background:0 0;border:0;font-size:8px}.modal-close b{color:var(--paper);vertical-align:-3px;margin-left:10px;font-size:22px;font-weight:300}.modal-visual{min-height:0;margin:22px clamp(24px,6vw,96px);position:relative;overflow:hidden}.modal-visual img,.modal-image{object-fit:contain;width:100%;height:100%}.modal-info{border-top:1px solid var(--line);grid-template-columns:minmax(260px,1fr) 1fr auto;align-items:center;gap:50px;padding:0 clamp(24px,6vw,96px);display:grid}.modal-info span{color:var(--accent);text-transform:uppercase;letter-spacing:.22em;font-size:8px}.modal-info h2{margin:8px 0 0;font:400 clamp(22px,2.1vw,32px)/1 Georgia,serif}.modal-info dl{gap:52px;margin:0;display:flex}.modal-info dl div{flex-direction:column;gap:6px;display:flex}.modal-info dt{color:#666861;text-transform:uppercase;letter-spacing:.2em;font-size:7px}.modal-info dd{color:var(--paper);letter-spacing:.08em;margin:0;font-size:11px}.modal-nav{gap:10px;display:flex}@keyframes modal-in{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}@media (width<=1100px){.architectural-grid:after{left:37%}.hero-copy{width:38vw;left:5vw}.hero h1{font-size:clamp(46px,5.7vw,65px)}.gallery-stage{left:37%}.project-card{width:clamp(310px,48vw,500px);left:55%}.project-card.offset-neg-1{transform:translate(calc(-50% - 240px),-50%)translateZ(-150px)rotateY(20deg)scale(.8)}.project-card.offset-pos-1{transform:translate(calc(240px - 50%),-50%)translateZ(-150px)rotateY(-20deg)scale(.8)}.project-card.offset-neg-2{transform:translate(calc(-50% - 420px),-50%)translateZ(-280px)rotateY(28deg)scale(.65)}.project-card.offset-pos-2{transform:translate(calc(420px - 50%),-50%)translateZ(-280px)rotateY(-28deg)scale(.65)}.project-readout{left:39%}}@media (width<=760px){.scenery-film{animation-duration:38s}.architectural-journey{opacity:.82;height:62px;bottom:56px}.architectural-grid:before{top:78px}.architectural-grid:after{display:none}.site-header{height:78px}.brand-name{display:none}.nav-links{gap:20px}.hero-copy{width:auto;top:105px;left:24px;right:24px;transform:translateY(15px)}.is-loaded .hero-copy{transform:none}.eyebrow{margin-bottom:13px}.hero h1{font-size:clamp(41px,12vw,58px);line-height:.9}.intro{max-width:350px;margin:15px 0 17px;font-size:12px;line-height:1.55}.contact-link{font-size:8px}.gallery-stage{touch-action:none;inset:42% 0 11%}.project-card{width:min(82vw,430px);top:48%;left:50%}.project-card.offset-neg-1{transform:translate(calc(-50% - 72vw),-50%)translateZ(-120px)rotateY(18deg)scale(.82)}.project-card.offset-pos-1{transform:translate(calc(72vw - 50%),-50%)translateZ(-120px)rotateY(-18deg)scale(.82)}.project-card.offset-neg-2,.project-card.offset-pos-2{opacity:0;pointer-events:none}.card-copy strong{font-size:21px}.card-topline{top:15px;left:17px;right:17px}.card-copy{bottom:16px;left:17px;right:17px}.view-project{bottom:17px;right:17px}.project-readout{display:none}.gallery-controls{bottom:16px;left:50%;right:auto;transform:translate(-50%)}.gallery-controls>button{width:42px;height:42px}.project-dots button{width:11px}.project-dots button.is-current:after{width:10px}.drag-hint{display:none;bottom:25px;left:24px}.signature{display:none}.project-modal{grid-template-rows:64px minmax(0,1fr) 160px}.modal-visual{margin:14px 12px}.modal-info{grid-template-columns:1fr auto;gap:18px;padding:18px 24px}.modal-info dl{grid-area:2/1/auto/-1;gap:34px}.modal-nav{grid-area:1/2}}@media (width<=420px){.nav-links a:first-child{display:none}.hero-copy{top:96px}.hero h1{font-size:42px}.gallery-stage{top:41%;bottom:12%}.project-card{width:86vw}.view-project{display:none}}@media (height<=720px) and (width>=761px){.site-header{height:72px}.architectural-grid:before{top:72px}.gallery-stage{top:10%;bottom:11%}.hero h1{font-size:clamp(44px,5vw,68px)}.intro{margin:18px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.scenery-film{transform:translate(-8%)}}