@font-face{font-family:Hanken;src:url('assets/fonts/hanken-grotesk.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:YoungSerif;src:url('assets/fonts/young-serif.ttf') format('truetype');font-weight:400;font-display:swap}
:root{font-family:Hanken,sans-serif;color:#edf0f7;background:#272e40;--ease-out:cubic-bezier(.23,1,.32,1);--ink:#edf0f7;--ground:#8590a7;--line:#36415b;--surface:#293247;--paper:#edf0f7;--muted:#bdc5d7;--accent:#bff0d4;--edge:#4a5771;--panel:#e8eeec;--panel-ink:#223d3b;--shadow:0 16px 28px #18203545;--label-font:Hanken,sans-serif;--panel-font:Hanken,sans-serif;--focus:#fcf686}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}::selection{background:#fae89c;color:#243245}svg{display:block}button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skip-link{position:fixed;top:-100px;left:12px;padding:12px;background:#fff;color:#162c2b;z-index:10}.skip-link:focus{top:8px}.review-bar{min-height:88px;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:16px 28px;background:#252d40;position:relative;z-index:2;color:#f2f3f8}.review-title{display:flex;align-items:baseline;gap:14px;white-space:nowrap}.review-title h1{font-size:19px;margin:0;font-weight:600;letter-spacing:-.03em}.review-title>span{font-size:11px;color:#c0c9da}.concept-switch{display:flex;gap:5px}.concept-switch a{font-size:12px;padding:10px 14px;text-decoration:none;border-radius:5px;color:#c7cfdd}.concept-switch a[aria-current]{color:#fcf5dd;background:#404c64}.quiet-button{background:transparent;border:1px solid #768099;border-radius:5px;padding:9px 12px;font-size:11px;min-height:38px}.review-footer{background:#252d40;color:#bdc6d7;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 28px;font-size:12px;min-height:48px}.review-footer>div{display:flex;gap:20px}.review-footer a{color:#edf0f7}.review-footer a:focus-visible,.review-bar a:focus-visible,.review-bar button:focus-visible{outline-color:#fcf686}
#map{position:relative;isolation:isolate;overflow:hidden;min-height:520px;height:calc(100svh - 136px);background:var(--ground);flex:1}.map-drawing{position:absolute;inset:0;overflow:hidden}.map-drawing>svg{width:100%;height:100%;display:block}.terrain-line{fill:none;stroke:var(--line);stroke-width:2.2;opacity:.63}.terrain-band{stroke:var(--edge);stroke-width:1.3}.island-navigation{position:absolute;inset:0}.island{position:absolute;display:grid;place-items:center;background:none;border:0;padding:0;width:29%;height:29%;z-index:2;transform:translate(-50%,-50%);border-radius:42%;outline-offset:-24px}.instagram{left:24%;top:25%;--island-light:#8f9bb1;--island-mid:#626f89;--island-deep:#4b5873;--island-label:#ffe2cf;--glow:#f5cbb6}.portfolio{left:76%;top:23%;width:37%;height:33%;--island-light:#a4b2b8;--island-mid:#647e86;--island-deep:#3d6165;--island-label:#c5f7d6;--glow:#c5f7d6}.contact{left:24%;top:76%;--island-light:#9c9faf;--island-mid:#73778c;--island-deep:#50576f;--island-label:#ffeda8;--glow:#f6d474}.about{left:77%;top:75%;--island-light:#9b9eae;--island-mid:#747c96;--island-deep:#535c78;--island-label:#e4dcff;--glow:#e4dcff}.island-drawing{position:absolute;inset:0;filter:drop-shadow(0 10px 8px #1f2a3d40);transition:transform 180ms var(--ease-out)}.island-drawing>svg{width:100%;height:100%;overflow:visible}.island-drawing path{stroke:#36435e;stroke-width:1.3;vector-effect:non-scaling-stroke}.island-label{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;color:var(--island-label);font-family:var(--label-font);font-weight:500;font-size:clamp(17px,1.8vw,27px);letter-spacing:-.03em;white-space:nowrap;transition:transform 180ms var(--ease-out)}.portfolio .island-label{font-size:clamp(22px,2.5vw,38px)}.instagram .island-label{font-size:clamp(16px,1.6vw,24px)}.island:focus-visible{outline-color:var(--focus)}.island:active .island-label{transform:scale(.97)}.logo-island{position:absolute;left:50%;top:50%;width:28%;height:27%;transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none}.logo-contours{position:absolute;inset:-22% -18%}.logo-contours>svg{width:100%;height:100%;overflow:visible}.logo-island img{position:relative;width:70%;height:auto;max-height:85%;object-fit:contain}.map-caption{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;color:#26334b;font-size:12px;font-weight:500;pointer-events:none}.load-status{position:absolute;bottom:40px;left:28px;right:28px;text-align:center;font-size:13px;color:#fff;background:#642d35;margin:0}.load-status:empty{display:none}
body[data-concept=enamel]{--ground:#b9b4da;--line:#383455;--surface:#34314f;--edge:#484367;--accent:#d2ee8d;--panel:#e2edba;--panel-ink:#293d2b;--label-font:Hanken,sans-serif}body[data-concept=enamel] .terrain-line{stroke-width:13;opacity:1}body[data-concept=enamel] .terrain-band{stroke-width:3}body[data-concept=enamel] .island-drawing{filter:none}body[data-concept=enamel] .island-drawing path{stroke:#34314f;stroke-width:2}body[data-concept=enamel] .island-label{font-weight:700;font-size:clamp(20px,2.1vw,31px);color:#302d4a}body[data-concept=enamel] .portfolio .island-label{font-size:clamp(25px,3.3vw,48px)}body[data-concept=enamel] .instagram{--island-light:#d5a2b4;--island-mid:#f0bac3;--island-deep:#f2bec7;--island-label:#302d4a;--glow:#ffb9c2}body[data-concept=enamel] .portfolio{--island-light:#a5bc88;--island-mid:#c4d995;--island-deep:#d6e9a5;--island-label:#302d4a}body[data-concept=enamel] .contact{--island-light:#d5b47d;--island-mid:#e8c899;--island-deep:#f8d9a7;--island-label:#302d4a}body[data-concept=enamel] .about{--island-light:#83b7b9;--island-mid:#9acdd1;--island-deep:#addcdf;--island-label:#302d4a}body[data-concept=enamel] .logo-island{width:24%;height:24%}
body[data-concept=print]{--ground:#f0d5c6;--line:#3c4265;--surface:#353c60;--edge:#414568;--accent:#e9c96e;--panel:#f4d5c5;--panel-ink:#343b5a;--label-font:YoungSerif,serif;--panel-font:YoungSerif,serif}body[data-concept=print] .terrain-line{stroke-width:3;opacity:.85}body[data-concept=print] .island-drawing{filter:none}body[data-concept=print] .island-drawing path{stroke-width:1.2;stroke:#3b4163}body[data-concept=print] .island-label{font-weight:550;color:#293356;font-size:clamp(21px,2.4vw,37px)}body[data-concept=print] .portfolio .island-label{font-size:clamp(27px,3.5vw,52px);font-style:italic}body[data-concept=print] .instagram{--island-light:#6e9ca3;--island-mid:#a7cac5;--island-deep:#c8ded1;--glow:#a7cac5}body[data-concept=print] .portfolio{--island-light:#d0a375;--island-mid:#e4bb73;--island-deep:#f4d694;--glow:#e4bb73}body[data-concept=print] .contact{--island-light:#b890ad;--island-mid:#d4b4c3;--island-deep:#e3c8d3;--glow:#d4b4c3}body[data-concept=print] .about{--island-light:#739da2;--island-mid:#a4bdc5;--island-deep:#c8d7d8;--glow:#a4bdc5}body[data-concept=print] .logo-island{width:25%;height:28%}body[data-concept=print] .portfolio{width:39%;height:36%;top:24%}
@media(hover:hover) and (pointer:fine){.island:hover .island-drawing{transform:scale(1.035)}.concept-switch a:hover{background:#374359}.quiet-button:hover{background:#374359}.project-card:hover img{transform:scale(1.02)}.text-button:hover{text-decoration:underline}}
dialog{color:var(--panel-ink);background:var(--panel);border:0;padding:0;max-width:none;max-height:none;inset:0;width:100%;height:100svh;margin:0;scrollbar-color:#788a7f var(--panel);--focus:#9c2a41}dialog::backdrop{background:#182238b8}dialog.mini{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(540px,calc(100% - 28px));height:auto;max-height:90svh;border-radius:12px;box-shadow:0 18px 70px #15203780}dialog.mini .panel-body{padding:18px 36px 40px}.panel-bar{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:22px 32px;border-bottom:1px solid #253d3b30;position:sticky;top:0;background:var(--panel);z-index:5;min-height:82px}.panel-bar>span{margin-right:auto;font-size:12px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:8px 0;border:0;background:transparent;font-size:13px}.text-button[hidden]{display:none}.panel-body{max-width:1440px;margin:0 auto;padding:40px 6vw 64px}.panel-body h2{font-family:var(--panel-font);font-size:clamp(34px,5.4vw,76px);line-height:1.08;font-weight:500;letter-spacing:-.04em;margin:10px 0 25px;overflow-wrap:anywhere}.panel-body h3{font-size:23px;margin:0 0 12px;font-weight:500}.panel-body p{line-height:1.65;max-width:65ch}.panel-body>p{margin:0 0 30px}.category-grid{display:grid;grid-template-columns:1.65fr 1fr;grid-template-rows:180px 180px;gap:18px;margin-top:36px}.category-tile{border:0;background:#b7cbc0;text-align:left;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border-radius:14px;position:relative;overflow:hidden}.category-tile:first-child{grid-row:span 2;background:#2a5149;color:#edf4cc}.category-tile:nth-child(3){background:#d9c9b9}.category-tile strong{font-family:var(--panel-font);font-size:clamp(24px,3.1vw,44px);font-weight:500;position:relative;letter-spacing:-.04em}.category-tile:first-child strong{font-size:clamp(33px,4.8vw,68px);max-width:6em}.category-tile span{font-size:12px;position:relative}.category-tile>svg{position:absolute;width:72%;height:110%;right:-22%;bottom:-30%;fill:none;stroke:currentColor;stroke-width:1;opacity:.16}.sample-notice{font-size:13px;display:block;padding:12px 16px;background:#fff9ce;color:#5a4a27;border-radius:5px;margin:8px 0 26px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:35px}.project-card{padding:0;border:0;background:transparent;text-align:left;display:flex;flex-direction:column;gap:12px;min-width:0}.image-wrap{overflow:hidden;background:#c7d2c9;aspect-ratio:4/3;display:grid;place-items:center;border-radius:6px;width:100%;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 180ms var(--ease-out)}.image-wrap .missing-image{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;font-size:13px;background:#d3d9d1;color:#354b46}.project-card strong{font-size:20px;font-weight:500;line-height:1.25}.project-card>span:last-child{font-size:12px}.empty{padding:42px 0;border-top:1px solid #253d3b40;margin-top:40px}.empty p{margin:8px 0 18px}.content-link{display:inline-flex;padding:12px 18px;border:1px solid currentColor;border-radius:5px;font-size:13px}.project-heading{display:flex;gap:30px;justify-content:space-between;align-items:baseline}.project-heading h2{font-size:clamp(28px,4vw,50px);margin-bottom:16px;max-width:100%}.project-description{font-size:14px;margin:0 0 25px}.slideshow{position:relative;margin:0}.slide-stage{position:relative;display:grid;place-items:center;aspect-ratio:16/9;max-height:62svh;min-height:240px;background:#d3ddd5;touch-action:pan-y;overflow:hidden;border-radius:6px}.slide-stage img{height:100%;width:100%;object-fit:contain;position:absolute;inset:0}.slide-caption{min-height:38px;font-size:13px;margin:12px 0 8px;max-width:75ch}.slideshow-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}.slide-arrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #213f3c66;padding:10px 14px;background:transparent;border-radius:6px;min-height:44px;font-size:12px}.slide-arrow:disabled{opacity:.4;cursor:default}.slide-arrow svg{width:18px;height:18px}.slide-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:1px;max-width:65%}.slide-dots button{width:36px;height:36px;border:0;background:transparent;padding:10px}.slide-dots button::after{content:'';display:block;width:8px;height:8px;background:transparent;border:1px solid currentColor;border-radius:50%;margin:auto}.slide-dots button[aria-current]::after{background:currentColor}.slide-count{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}.mini h2{font-size:38px}.contact-lines{display:grid;gap:15px;font-size:20px;overflow-wrap:anywhere}.pending{color:#4e625b;font-size:15px}.study-description{margin-bottom:24px}.notes-list{padding:0;list-style:none}.notes-list li{padding:20px 0;border-bottom:1px solid #304f4940}.notes-list strong{display:block;font-size:19px;margin-bottom:5px}.notes-list p{margin:0;font-size:14px}.notes-list a{display:inline-block;margin-top:10px}.noscript{position:fixed;left:15px;right:15px;bottom:60px;z-index:3;background:#f4edda;color:#263e37;padding:18px;border-radius:8px}.noscript h2{font-size:20px;margin:0}
.category-tile[data-category=industrial]{grid-row:1/span 2;grid-column:1;background:#2a5149;color:#edf4cc}
.category-tile[data-category=industrial] strong{font-size:clamp(33px,4.8vw,68px);max-width:6em}
.category-tile:not([data-category=industrial]){grid-row:auto;grid-column:2;background:#b7cbc0;color:var(--panel-ink)}
.category-tile:not([data-category=industrial]) strong{font-size:clamp(24px,3.1vw,44px)}
.category-tile[data-category=older]{background:#d9c9b9}
@media(max-width:600px){.category-tile[data-category=industrial]{grid-column:1/span 2;grid-row:1}.category-tile:not([data-category=industrial]){grid-row:2;grid-column:auto}.category-tile[data-category=industrial] strong{font-size:43px}.category-tile:not([data-category=industrial]) strong{font-size:25px}}
@media(min-width:1700px){.island{width:28%;height:29%}.portfolio{width:34%;height:34%}}
@media(max-width:1000px){.review-title>span{display:none}.review-bar{padding:16px 20px;gap:15px}.concept-switch a{padding:10px;font-size:11px}.review-footer{padding:12px 20px;font-size:12px}.review-footer>div{gap:14px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.review-bar{padding:12px 15px;gap:8px;min-height:110px;display:grid;grid-template-columns:1fr auto}.review-title h1{font-size:17px}.review-title>span{display:inline;font-size:12px;white-space:normal;line-height:1.3;max-width:100px}.review-title{gap:12px}.quiet-button{font-size:12px;min-height:30px;padding:6px 9px}.concept-switch{grid-column:1/-1;grid-row:2;justify-content:space-between}.concept-switch a{font-size:11px;padding:9px 11px}.review-footer{min-height:86px;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 15px;font-size:12px}.review-footer>div{gap:23px;font-size:12px}#map{height:calc(100svh - 196px);min-height:475px}.island{width:53%;height:30%}.instagram{left:25%;top:24%}.portfolio{left:76%;top:25%;width:57%;height:33%}.contact{left:25%;top:77%;width:52%}.about{left:77%;top:76%;width:50%}.island-label{font-size:18px;gap:6px}.instagram .island-label{font-size:15px}.island-label svg{width:16px;height:16px}.portfolio .island-label{font-size:21px}.logo-island{width:55%;height:23%;top:50%}.logo-island img{width:69%}.map-caption{left:15px;right:15px;bottom:13px;font-size:12px}.map-caption>span:last-child{display:none}body[data-concept=enamel] .island-label{font-size:18px}body[data-concept=enamel] .instagram .island-label{font-size:16px}body[data-concept=enamel] .portfolio .island-label{font-size:24px}body[data-concept=enamel] .logo-island{width:48%;height:21%}body[data-concept=print] .island-label{font-size:21px}body[data-concept=print] .instagram .island-label{font-size:18px}body[data-concept=print] .portfolio .island-label{font-size:27px}body[data-concept=print] .portfolio{width:61%;height:33%}body[data-concept=print] .logo-island{width:50%;height:23%}.panel-bar{padding:14px 18px;gap:14px;min-height:70px}.panel-body{padding:23px 22px 40px}.panel-body h2{font-size:39px;line-height:1.08}.panel-body>p{font-size:14px}.category-grid{grid-template-columns:1fr 1fr;grid-template-rows:230px 170px;gap:12px;margin-top:26px}.category-tile{padding:20px}.category-tile:first-child{grid-column:span 2;grid-row:span 1}.category-tile strong{font-size:25px}.category-tile:first-child strong{font-size:43px;max-width:6em}.category-tile>span{font-size:11px}.project-grid{grid-template-columns:1fr;gap:30px;margin-top:25px}.project-card strong{font-size:21px}.project-heading{display:block}.project-heading h2{font-size:31px}.slide-stage{aspect-ratio:4/5;min-height:240px;max-height:55svh}.slideshow-controls{gap:6px;flex-wrap:wrap}.slide-arrow{font-size:11px;padding:10px}.slide-dots{order:3;width:100%;max-width:none}.slide-caption{font-size:12px}.slide-count{font-size:12px}.mini .panel-body{padding:16px 24px 30px}.mini h2{font-size:34px}.contact-lines{font-size:18px}}
body[data-concept=print] .portfolio .island-label{font-style:normal}
.category-grid .category-tile[data-category=industrial]{grid-row:1/span 2;grid-column:1;background:#2a5149;color:#edf4cc}
.category-grid .category-tile:not([data-category=industrial]){grid-row:auto;grid-column:2}
.category-grid .category-tile:not([data-category=industrial]) strong{font-size:clamp(24px,3.1vw,44px)}
@media(max-width:600px){.category-grid .category-tile[data-category=industrial]{grid-column:1/span 2;grid-row:1}.category-grid .category-tile:not([data-category=industrial]){grid-column:auto;grid-row:2}.category-grid .category-tile:not([data-category=industrial]) strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.island-drawing,.island-label,.island::after,.image-wrap img{transition:none}.island:hover .island-drawing{transform:none}}
@media(forced-colors:active){.island{background:Canvas;border:2px solid ButtonText}.island-label{color:ButtonText}.island::after,.island-drawing,.map-drawing{display:none}.logo-island{background:Canvas}.category-tile{border:2px solid ButtonText}.slide-dots button[aria-current]::after{background:ButtonText}}
.review-footer a{display:inline-flex;align-items:center;min-height:28px;font-size:12px;white-space:nowrap}
.review-footer>div{flex-wrap:wrap;gap:6px 18px}
.motion-toggle{display:inline-flex;align-items:center;min-height:28px;padding:0;border:0;background:transparent;color:#edf0f7;font-size:12px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.motion-toggle[hidden]{display:none}.motion-toggle:disabled{cursor:default;color:#bdc6d7;text-decoration:none}
.motion-toggle:focus-visible{outline-color:#fcf686}
.map-caption{color:#15243d}
body[data-concept=print] .island-label{font-weight:400}
.island:focus-visible{outline-color:#15243d;outline-offset:2px}

.map-drawing>canvas{display:block;width:100%;height:100%;pointer-events:none}
body[data-terrain=continuous] .island-drawing,body[data-terrain=continuous] .logo-contours{display:none}
body[data-terrain=continuous] .island::after{display:none}
body[data-terrain=continuous] .island-label{color:#f4f0e7;text-shadow:0 1px 3px #14223b}
body[data-terrain=continuous] .island:focus-visible{outline:3px solid #fff2a8;outline-offset:-12px}
@media(max-width:600px){body[data-terrain=continuous] .island{width:44%}}