/* Source style block 1 */

@font-face{font-family:ALILATO;src:url('../fonts/font-01.ttf') format('truetype');font-weight:200;font-style:normal;font-display:swap}
:root{--paper:#fff;--ink:#101010;--muted:#686868;--line:#d5d5d5;--gutter:clamp(22px,4.2vw,80px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:ALILATO,Arial,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}img{display:block;width:100%;object-fit:cover;filter:grayscale(1)}p,h1,h2,h3{margin:0}svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.2;fill:none}::selection{background:#777;color:#fff}.symbols{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;top:5px;left:20px;z-index:100;background:#fff;padding:12px;transform:translateY(-160%)}.skip:focus{transform:none}.reading-progress{position:fixed;inset-block-start:0;inset-inline-start:0;height:2px;width:100%;transform:scaleX(0);transform-origin:right;background:#777;z-index:100;pointer-events:none}
.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-inline:var(--gutter);position:relative;z-index:10;background:#fff;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:18px;direction:ltr}.logo-word{font-family:Arial,sans-serif;font-size:38px;line-height:1;font-weight:900;letter-spacing:-3px;display:inline-flex;align-items:flex-start;gap:2px}.logo-plus{font-size:25px;letter-spacing:0}.logo-caption{max-width:78px;font-size:12px;line-height:1.5;border-inline-start:1px solid #bcbcbc;padding-inline-start:14px;letter-spacing:0}.navigation{display:flex;align-items:center;gap:32px;font-size:14px}.navigation a{position:relative;padding-block:10px}.navigation a:after{content:'';position:absolute;bottom:3px;inset-inline-start:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.navigation a:hover:after{transform:scaleX(1)}.header-end{display:flex;align-items:center;gap:26px}.language{font-size:14px;direction:ltr;padding:12px 0;display:flex;gap:10px}.header-contact{font-size:14px;border-bottom:1px solid;padding-block:8px}.menu-button{width:32px;height:44px;display:flex;flex-direction:column;gap:7px;justify-content:center;padding:0}.menu-button span{height:1px;width:100%;background:var(--ink)}.menu-button span:last-child{width:70%;align-self:flex-end}.menu-button:hover span:last-child{width:100%}.hero{padding:0 var(--gutter)}.hero-intro{position:relative;display:grid;grid-template-columns:190px 1fr 90px;gap:30px;align-items:end;padding:52px 0 42px}.hero-note{font-size:14px;line-height:1.7;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.tiny-cross{width:15px;height:15px;position:relative;display:block}.tiny-cross:before,.tiny-cross:after{content:'';position:absolute;background:currentColor}.tiny-cross:before{width:100%;height:1px;top:7px}.tiny-cross:after{width:1px;height:100%;left:7px}.edition{font:12px/1.6 monospace;color:#6a6a6a;letter-spacing:1px}.hero h1{font-size:clamp(50px,6.8vw,116px);line-height:1.2;letter-spacing:-.055em;font-weight:500}.hero h1>span{display:block}.hero h1 .second-line{margin-inline-start:14%;color:#6c6c6c}.round-button{width:86px;height:86px;border:1px solid #9a9a9a;border-radius:50%;display:grid;place-items:center;margin-bottom:12px;transition:background .35s,color .35s,transform .45s var(--ease)}.round-button svg{width:35px;height:35px}.round-button:hover{background:#101010;color:#fff;transform:rotate(45deg)}.hero-stage{position:relative;height:clamp(460px,43vw,740px);overflow:hidden;background:#282828;color:white;isolation:isolate}.stage-photo{position:absolute;inset:-3%;transition:transform 1.5s var(--ease);transform:translate3d(var(--mx,0px),var(--my,0px),0) scale(1.02)}.stage-photo img{height:100%;object-position:center 53%;transition:opacity .3s,filter .7s,transform 1.1s var(--ease);filter:grayscale(1) contrast(1.08)}.hero-stage.switching .stage-photo img{opacity:.15;transform:scale(1.045)}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 35%,#000a);pointer-events:none}.stage-top,.stage-bottom{position:absolute;left:30px;right:30px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:2}.stage-top{top:28px}.stage-bottom{bottom:32px;align-items:end}.stage-tag{font-size:12px;display:flex;align-items:center;gap:10px;background:#0005;backdrop-filter:blur(8px);padding:10px 14px}.stage-tag i{width:6px;height:6px;border:1px solid #fff;border-radius:50%}.drawing-toggle{display:flex;align-items:center;gap:9px;font-size:12px;padding:10px 12px;background:#0006;border:1px solid #fff5;backdrop-filter:blur(8px)}.drawing-toggle svg{width:16px;height:16px;transition:transform .4s}.drawing-toggle[aria-pressed=true] svg{transform:rotate(45deg)}.eyebrow{font-size:12px;letter-spacing:.07em;line-height:1.6}.stage-project{display:flex;gap:30px;align-items:center;padding:10px 0 0;text-align:start;font-size:clamp(25px,3vw,45px);font-weight:400}.stage-project svg{width:35px;height:35px}.hero-tabs{display:flex;direction:ltr;gap:4px}.hero-tabs button{width:46px;height:46px;font:14px monospace;border-top:1px solid #fff6;transition:background .35s}.hero-tabs button.active{background:#fff;color:#111;border-color:#fff}.hero-tabs button:hover{border-color:#fff;background:#fff3}.hero-tabs button.active:hover{background:#fff}.hero-caption{display:flex;justify-content:space-between;gap:25px;padding:20px 0 25px;font-size:12px;color:#555;border-bottom:1px solid var(--line)}.hero-caption a{display:flex;gap:14px}.caption-index{font-family:monospace}.frame-corner{position:absolute;width:12px;height:12px;top:14px;border-top:1px solid #fff8;pointer-events:none}.tl{left:14px;border-left:1px solid #fff8}.tr{right:14px;border-right:1px solid #fff8}.drafting{position:absolute;inset:0;opacity:0;transition:opacity .6s;pointer-events:none;mix-blend-mode:screen}.drawing-on .drafting{opacity:.85}.drawing-on .stage-photo img{filter:grayscale(1) invert(1) contrast(1.25);transform:scale(1.025)}.draft-v{height:100%;width:1px;background:#ffffff65;position:absolute;top:0}.v1{left:32%}.v2{right:25%}.draft-h{height:1px;width:100%;background:#ffffff65;position:absolute;left:0}.h1{top:36%}.h2{top:72%}.draft-orbit{width:220px;height:220px;border:1px solid #fff7;border-radius:50%;position:absolute;top:36%;left:32%;transform:translate(-50%,-50%)}.draft-caption{position:absolute;bottom:32%;left:4%;font:12px/1.9 monospace;direction:ltr}
.section{padding:110px var(--gutter)}.section-label{display:flex;gap:22px;align-items:baseline;font-size:13px;line-height:1.5}.section-label>span:first-child{font:12px/1.5 monospace;opacity:.65;direction:ltr}.studio{display:grid;grid-template-columns:220px 1fr;gap:30px;padding-top:120px;padding-bottom:125px}.studio-content h2{font-size:clamp(40px,5.4vw,82px);line-height:1.38;letter-spacing:-.045em;font-weight:400;max-width:970px}.studio-foot{display:grid;grid-template-columns:170px 1fr;gap:30px;margin-top:55px;align-items:start}.studio-foot>div{max-width:620px}.studio-foot p{font-size:18px;line-height:1.9}.studio-foot p+p{margin-top:16px}.muted{color:#6b6b6b}.rotating-mark{font-family:Arial,sans-serif;font-size:130px;font-weight:400;line-height:1;display:block;width:130px;transform:rotate(var(--spin,0deg));color:#252525}.work{background:#101010;color:#fff;padding-top:85px;padding-bottom:100px}.work-heading{display:grid;grid-template-columns:220px 1fr 160px;gap:30px;align-items:start;margin-bottom:65px}.work-heading h2{font-size:clamp(50px,6vw,96px);font-weight:400;line-height:1.25;letter-spacing:-.05em}.work-note{text-align:end;align-self:end}.work-count{font:60px/1 Arial,sans-serif;color:#888;letter-spacing:-.07em}.work-note p{font-size:14px;line-height:1.6;margin-top:20px;color:#aaa}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px 5.5vw;align-items:start}.project-two{padding-top:180px}.project-three{grid-column:1;max-width:100%}.project-three .project-image{aspect-ratio:1.4}.project-one .project-image{aspect-ratio:1.17}.project-two .project-image{aspect-ratio:.78}.project-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;background:#252525;text-align:inherit}.project-image img{height:100%;width:100%;transition:transform 1.2s var(--ease),filter .8s;filter:grayscale(1) brightness(.86)}.project-image:hover img{transform:scale(1.05);filter:grayscale(1) brightness(1.03)}.image-number{position:absolute;top:18px;inset-inline-start:20px;font:12px monospace;background:#0007;padding:8px}.image-cta{position:absolute;bottom:20px;inset-inline-end:20px;border:1px solid #fff8;backdrop-filter:blur(12px);width:54px;height:54px;display:grid;place-items:center;transition:background .4s,color .4s,transform .4s}.project-image:hover .image-cta{background:#fff;color:#111;transform:rotate(5deg)}.image-caption{position:absolute;bottom:30px;inset-inline-start:20px;font-size:12px;background:#0008;padding:7px 10px}.project-caption{display:flex;justify-content:space-between;gap:16px;padding:22px 0 0;border-top:1px solid #ffffff22}.project-caption h3{font-size:26px;font-weight:400;line-height:1.4}.project-caption h3 button{padding:0;text-align:start}.project-caption p{font-size:13px;color:#a2a2a2;line-height:1.7;margin-top:8px}.project-caption>span{font:12px/2 monospace;white-space:nowrap;color:#a2a2a2}.project-aside{align-self:center;padding-inline:25px}.aside-cross{display:block;font:90px/1 Arial,sans-serif;color:#888;margin-bottom:30px}.project-aside p{font-size:clamp(35px,4vw,62px);line-height:1.45;font-weight:400;color:#d1d1d1}.project-aside .eyebrow{display:block;color:#999;font:12px monospace;letter-spacing:2px;margin-top:45px}
.expertise{padding-bottom:65px}.expertise-head{display:grid;grid-template-columns:220px 1fr;gap:30px}.expertise-head h2{font-size:clamp(38px,5.2vw,80px);font-weight:400;line-height:1.4;letter-spacing:-.04em}.expertise-head>p{grid-column:2;margin-top:0;margin-bottom:50px;font-size:17px;line-height:1.9;color:#666}.services{border-top:1px solid #111}.services details{border-bottom:1px solid var(--line)}.services summary{list-style:none;display:grid;grid-template-columns:70px 1fr 190px 40px;gap:20px;align-items:center;padding:30px 0;cursor:pointer}.services summary::-webkit-details-marker{display:none}.service-index{font:13px monospace;color:#777}.services h3{font-size:clamp(23px,3vw,42px);font-weight:400;line-height:1.4}.service-en{font:12px monospace;letter-spacing:1px;color:#686868}.service-plus{font:35px/1 Arial,sans-serif;justify-self:end;transition:transform .35s}.services details[open] .service-plus{transform:rotate(45deg)}.service-body{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;margin-inline-start:90px;padding-bottom:35px;max-width:950px}.service-body p{font-size:17px;line-height:1.9;color:#606060}.service-body ul{padding:0;list-style:none;margin:0;font-size:14px;line-height:2.2}.service-body li:before{content:'—';margin-inline-end:13px;color:#999}.method{padding-top:40px;padding-bottom:100px}.method>.section-label{padding-bottom:30px;border-bottom:1px solid var(--line)}.method-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.method-steps article{position:relative}.step-number{font:12px monospace;color:#777}.step-line{display:block;height:1px;width:100%;background:#d0d0d0;margin:20px 0 30px;position:relative}.step-line:before{content:'';position:absolute;inset-inline-start:0;top:-3px;width:7px;height:7px;background:#111;border-radius:50%}.method-steps h3{font-size:38px;font-weight:400;margin-bottom:14px}.method-steps p{font-size:16px;line-height:1.9;color:#666;max-width:350px}.contact{background:#eaeaea;padding-top:65px;padding-bottom:45px}.contact-top{display:flex;align-items:center;justify-content:space-between;margin-top:35px}.contact-top p{font-size:22px;line-height:1.8}.contact-star{font:70px/1 Arial,sans-serif}.contact-action{display:flex;align-items:center;justify-content:space-between;width:100%;gap:35px;padding:45px 0;border-bottom:1px solid #999;text-align:start}.contact-action>span{font-size:clamp(42px,8.5vw,140px);font-weight:400;line-height:1.5;letter-spacing:-.06em}.contact-action svg{width:clamp(50px,9vw,130px);height:clamp(50px,9vw,130px);flex-shrink:0;transition:transform .5s var(--ease)}.contact-action:hover svg{transform:translate(10px,-10px)}.contact-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:25px;font-size:13px;color:#555}.contact-bottom>span:last-child{font:12px/1.8 monospace;letter-spacing:1px}.footer{background:#101010;color:#fff;padding:55px var(--gutter) 25px;overflow:hidden}.footer-logo{display:flex;justify-content:space-between;align-items:start;font:bold clamp(110px,24vw,420px)/.85 Arial,sans-serif;letter-spacing:-.075em;direction:ltr;padding-bottom:45px}.footer-logo span{font-size:.55em;line-height:1.25;letter-spacing:0}.footer-bottom{padding-top:24px;border-top:1px solid #444;display:flex;justify-content:space-between;gap:35px;align-items:center}.footer-bottom p{max-width:640px;font-size:12px;line-height:1.8;color:#aaa}.footer-bottom a{font-size:13px;white-space:nowrap}
dialog{color:var(--ink);background:var(--paper);border:0;padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.menu{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:#101010;color:#fff;padding:30px var(--gutter);overflow:auto}.menu-top{display:flex;justify-content:space-between;align-items:center}.close-menu,.close-project,.close-contact{font:36px/1 Arial,sans-serif;width:48px;height:48px}.menu nav{margin:8vh auto 6vh;max-width:1000px}.menu nav a{display:flex;align-items:baseline;gap:35px;border-bottom:1px solid #444;padding:20px 0;font-size:clamp(32px,6vw,75px)}.menu nav small{font:12px monospace;color:#999}.menu>p{font-size:16px;color:#999;max-width:1000px;margin:auto}.project-dialog{width:min(1080px,94vw);max-width:none;max-height:92dvh;overflow:auto;overscroll-behavior:contain}.dialog-top{position:sticky;top:0;z-index:3;padding:12px 25px;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ccc;font-size:13px}.dialog-visual{height:420px;position:relative;background:#333}.dialog-visual img{height:100%}.dialog-visual>span{position:absolute;bottom:20px;inset-inline-start:25px;background:#111;color:white;padding:10px 12px;font:12px monospace;direction:ltr}.dialog-content{padding:40px 45px}.dialog-content h2{font-size:clamp(35px,5vw,65px);line-height:1.4;font-weight:400;margin:20px 0}.dialog-content>p{font-size:18px;line-height:1.9;max-width:760px;color:#555}.dialog-content dl{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);margin:35px 0;padding-top:25px}.dialog-content dt{font-size:12px;color:#777;margin-bottom:10px}.dialog-content dd{font-size:16px;line-height:1.6;margin:0}.next-project{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;border-top:1px solid var(--line);padding:25px 0 0;text-align:start}.next-project>span:first-child{font-size:12px;color:#777}.next-project>span:nth-child(2){font-size:24px}.contact-dialog{width:min(600px,94vw);padding:60px 35px 35px}.close-contact{position:absolute;top:10px;inset-inline-end:12px}.contact-dialog h2{font-size:36px;font-weight:400;line-height:1.4;margin:20px 0}.contact-dialog p{font-size:17px;line-height:1.9;color:#666}.contact-placeholder{font:900 32px/1.2 Arial,sans-serif;letter-spacing:-1px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:25px 0;margin:25px 0}.back-work{border-bottom:1px solid;padding:5px 0;font-size:14px}
#cursor{position:fixed;left:0;top:0;z-index:200;width:72px;height:72px;border-radius:50%;pointer-events:none;display:grid;place-items:center;background:#fff;color:#111;opacity:0;transform:translate(-200px,-200px);font:30px Arial,sans-serif;mix-blend-mode:difference;transition:opacity .2s}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal-ready.revealed{opacity:1;transform:none}.hero-intro h1{animation:enter 1s var(--ease) both}.hero-stage{animation:enter 1.2s .08s var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
html[lang=en] .hero h1{font-size:clamp(60px,7.1vw,126px);font-weight:500;line-height:1;letter-spacing:-.075em}html[lang=en] .hero h1 .second-line{margin-inline-start:8%;margin-top:7px}html[lang=en] .studio-content h2,html[lang=en] .work-heading h2,html[lang=en] .expertise-head h2{line-height:1.05;letter-spacing:-.065em}html[lang=en] .contact-action>span{line-height:1.2}html[lang=en] .reading-progress{transform-origin:left}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .contact-action>span{letter-spacing:0}html[lang=ar] .eyebrow{letter-spacing:0}
@media(min-width:1700px){.section,.header,.hero,.footer{padding-inline:max(var(--gutter),calc((100vw - 1550px)/2))}.hero-stage{height:680px}}
@media(max-width:1100px){.navigation{gap:18px}.logo-caption{display:none}.header-end{gap:20px}.hero-intro{grid-template-columns:130px 1fr 70px;gap:20px}.round-button{width:65px;height:65px}.hero h1{font-size:6.9vw}.studio{grid-template-columns:150px 1fr}.work-heading{grid-template-columns:150px 1fr 100px}.expertise-head{grid-template-columns:150px 1fr}.studio-foot{grid-template-columns:100px 1fr}.rotating-mark{font-size:90px;width:90px}.project-caption{flex-direction:column;gap:5px}.services summary{grid-template-columns:45px 1fr 155px 30px}.service-body{margin-inline-start:65px;gap:40px}}
@media(max-width:760px){html{scroll-padding-top:20px}.header{height:78px;gap:15px}.logo-word{font-size:32px}.logo-plus{font-size:20px}.header-end{gap:20px}.navigation,.header-contact{display:none}.hero-intro{grid-template-columns:1fr 64px;gap:20px;padding:30px 0}.hero-note{grid-column:1/-1;flex-direction:row;font-size:12px;align-items:center;justify-content:start;gap:12px}.hero-note br{display:none}.hero-note .edition{margin-inline-start:auto;font-size:12px}.hero h1{font-size:clamp(34px,7.7vw,62px);line-height:1.35}.hero h1 .second-line{margin-inline-start:6%}.round-button{width:60px;height:60px;margin-bottom:8px}.round-button svg{width:26px;height:26px}.hero-stage{height:500px;margin-inline:calc(var(--gutter) * -1)}.stage-photo img{object-position:52% center}.stage-top,.stage-bottom{left:22px;right:22px}.stage-top{top:24px}.stage-bottom{bottom:25px}.stage-project{font-size:27px;gap:15px}.stage-project svg{width:23px;height:23px}.hero-tabs button{width:34px;height:38px;font-size:12px}.stage-tag{font-size:12px;padding:8px 10px}.drawing-toggle{font-size:12px;padding:8px}.hero-caption{font-size:12px;line-height:1.6;align-items:center;gap:20px}.hero-caption>span:first-child{max-width:47%}.caption-index{display:none}.section{padding:70px var(--gutter)}.studio{grid-template-columns:1fr;gap:30px}.studio-content h2{font-size:clamp(35px,7.5vw,55px);line-height:1.45}.studio-foot{grid-template-columns:50px 1fr;gap:22px;margin-top:32px}.rotating-mark{font-size:50px;width:50px}.studio-foot p{font-size:16px;line-height:1.9}.work-heading{grid-template-columns:1fr auto;gap:25px;margin-bottom:35px}.work-heading>.section-label{grid-column:1/-1}.work-heading h2{font-size:48px;line-height:1.4}.work-note .work-count{font-size:40px}.work-note p{font-size:12px;margin-top:10px}.project-grid{grid-template-columns:1fr;gap:40px}.project-two{padding-top:0;width:84%;justify-self:end}.project-three{grid-column:auto}.project-one .project-image{aspect-ratio:1}.project-two .project-image{aspect-ratio:.9}.project-three .project-image{aspect-ratio:1.1}.project-caption h3{font-size:24px}.project-caption p{font-size:12px}.project-caption{gap:8px}.project-aside{padding:0;display:grid;grid-template-columns:60px 1fr;gap:20px;border-top:1px solid #444;padding-top:25px}.aside-cross{font-size:55px;margin:0}.project-aside p{font-size:30px;line-height:1.5}.project-aside p br{display:none}.project-aside .eyebrow{grid-column:2;margin-top:0;font-size:12px}.expertise-head{grid-template-columns:1fr;gap:25px}.expertise-head h2{font-size:40px;line-height:1.4}.expertise-head>p{grid-column:1;margin-bottom:30px;font-size:16px}.services summary{grid-template-columns:30px 1fr 25px;gap:12px;padding:25px 0}.services h3{font-size:23px}.service-en{display:none}.service-plus{font-size:29px}.service-body{grid-template-columns:1fr;gap:20px;margin-inline-start:42px}.service-body p{font-size:16px}.method{padding-top:10px}.method-steps{grid-template-columns:1fr;gap:28px}.method-steps article{display:grid;grid-template-columns:40px 1fr;gap:10px 18px}.step-number{padding-top:15px}.step-line{display:none}.method-steps h3{margin:0;font-size:30px}.method-steps p{grid-column:2;max-width:none}.contact{padding-top:45px;padding-bottom:30px}.contact-top{margin-top:25px}.contact-top p{font-size:18px}.contact-star{font-size:45px}.contact-action{gap:20px;padding:28px 0}.contact-action>span{font-size:clamp(31px,7.5vw,53px);line-height:1.5}.contact-action svg{width:40px;height:40px}.contact-bottom{flex-direction:column;gap:12px;font-size:12px;line-height:1.8}.footer{padding-top:40px}.footer-logo{font-size:25vw;padding-bottom:28px}.footer-bottom{align-items:start;gap:20px}.footer-bottom p{font-size:12px}.footer-bottom a{font-size:12px}.dialog-visual{height:300px}.dialog-content{padding:30px 23px}.dialog-content dl{grid-template-columns:1fr;gap:20px}.dialog-content>p{font-size:16px}.next-project{flex-wrap:wrap}.next-project>span:nth-child(2){font-size:20px}.project-dialog{width:100vw;height:100dvh;max-height:100dvh;margin:0}.contact-dialog h2{font-size:30px}html[lang=en] .hero h1{font-size:clamp(40px,8.5vw,66px)}html[lang=en] .contact-action>span{font-size:clamp(36px,8vw,56px)}#cursor{display:none}}
@media(max-width:420px){.hero-note .edition{display:none}.hero-intro{gap:16px;grid-template-columns:1fr 48px}.round-button{width:46px;height:46px}.stage-bottom{align-items:start;flex-direction:column;gap:20px}.hero-stage{height:470px}.stage-top{gap:12px}.stage-tag,.drawing-toggle{font-size:12px}.work-heading h2{font-size:40px}.contact-action>span{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}.stage-photo{transform:none!important}.rotating-mark{transform:none!important}#cursor{display:none}}


/* Engineering Experience: restrained drafting, detail storytelling and touch navigation. */
.villa-sticky:after{content:'';position:absolute;inset:72px 3% 180px 34%;background-image:linear-gradient(#6662 1px,transparent 1px),linear-gradient(90deg,#6662 1px,transparent 1px);background-size:32px 32px;opacity:calc(var(--drawing,1)*.23);pointer-events:none;z-index:-1}
.detail-study{background:#101010;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;overflow:hidden}
.detail-study .eyebrow{color:#aaa}.detail-study h2{font-size:clamp(38px,5vw,76px);font-weight:400;line-height:1.35;margin:24px 0}.detail-study p{font-size:18px;line-height:1.9;color:#bdbdbd;max-width:580px}
.detail-orbit{aspect-ratio:1;max-width:490px;width:100%;margin:auto;border:1px solid #ffffff35;border-radius:50%;position:relative;display:grid;place-items:center}
.detail-orbit:before,.detail-orbit:after{content:'';position:absolute;inset:14%;border:1px solid #ffffff26;border-radius:50%;pointer-events:none}.detail-orbit:after{inset:30%}
.detail-orbit svg{width:64%;height:64%;stroke:#ddd;stroke-width:1;fill:none}.detail-orbit .orbit-point{position:absolute;inset:0;animation:detail-revolve 24s linear infinite;pointer-events:none}.orbit-point:before{content:'';position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 20px #fff8}
.detail-tabs{margin-top:30px;display:flex;gap:8px;flex-wrap:wrap}.detail-tabs button{border:1px solid #555;padding:10px 16px;color:#aaa;min-height:44px}.detail-tabs button[aria-pressed=true]{background:#fff;color:#111;border-color:#fff}.detail-orbit svg [data-system]{opacity:.2;transition:opacity .4s}.detail-orbit svg [data-system].lit{opacity:1;stroke-width:2}
@keyframes detail-revolve{to{transform:rotate(360deg)}}
@media(max-width:760px){.detail-study{grid-template-columns:1fr;gap:44px}.detail-study p{font-size:16px}.detail-orbit{max-width:330px}.villa-sticky:after{inset:180px 12px 220px}.project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:22px;padding-bottom:24px}.project-grid>article{flex:0 0 86%;padding-top:0;scroll-snap-align:center}.project-grid .project-image{aspect-ratio:1}.project-grid .project-aside{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-point{animation:none!important}.detail-orbit svg [data-system]{transition:none}.villa-sticky:after{display:none}}


/* Source style block 2 */

.villa-scroll{height:340svh;position:relative;background:#f4f4f4}.villa-sticky{height:100svh;min-height:530px;position:sticky;top:0;overflow:hidden;color:#171717;background:#f4f4f4;isolation:isolate;--side:var(--gutter);--tools:90px}.villa-canvas{position:absolute;inset:0;z-index:-1}.villa-canvas canvas{display:block;width:100%;height:100%}.villa-topline{position:absolute;top:24px;left:var(--side);right:var(--side);display:flex;justify-content:space-between;gap:16px;font:12px/1.5 monospace;letter-spacing:.7px;color:#666}.villa-copy{position:absolute;top:105px;inset-inline-start:var(--side);width:28%;pointer-events:none}.villa-copy .eyebrow{font-size:12px;color:#666}.villa-copy h1{font-size:clamp(40px,5.4vw,82px);font-weight:400;line-height:1.28;margin:20px 0}.villa-copy p{font-size:16px;line-height:1.85;color:#606060}.villa-skip{display:inline-block;font-size:13px;margin-top:22px;border-bottom:1px solid #999;padding-bottom:5px;pointer-events:auto}.villa-phase{position:absolute;bottom:200px;inset-inline-start:var(--side);width:25%;pointer-events:none}.villa-phase>span{font:12px monospace;color:#666;display:block}.villa-phase h2{font-size:30px;line-height:1.3;font-weight:400;margin:10px 0}.villa-phase p{font-size:14px;line-height:1.7;color:#606060}.villa-scene-area{position:absolute;top:72px;bottom:185px;inset-inline-end:2%;width:65%;pointer-events:none;z-index:-1}.villa-controls{position:absolute;bottom:95px;left:var(--side);right:var(--side);display:flex;gap:12px;align-items:center;justify-content:flex-end}.villa-controls button,.villa-select{border:1px solid #aaa;background:#ffffffe8;border-radius:3px;color:#222;min-height:46px;padding:9px 14px;font-size:13px;display:flex;gap:12px;align-items:center}.villa-controls button[aria-pressed=true]{background:#171717;color:#fff}.villa-controls button>span:last-child{font-size:19px}.villa-select>span{font-size:12px;color:#666}.villa-select select{font:inherit;color:inherit;border:0;background:transparent;max-width:170px;min-height:26px;padding-inline:3px 15px;cursor:pointer}.villa-select select:focus-visible{outline:2px solid #555;outline-offset:3px}.villa-controls>span{font:12px monospace;min-width:42px}.villa-timeline{position:absolute;bottom:26px;left:var(--side);right:var(--side);display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid #aaa}.villa-timeline button{display:flex;align-items:center;gap:16px;text-align:start;padding:13px 0;min-height:44px;font-size:13px;color:#666}.villa-timeline button>span{font:12px monospace}.villa-timeline b{font-weight:400}.villa-timeline .active{color:#111}.villa-timeline .active b{font-weight:700}.villa-timeline i{position:absolute;top:-1px;inset-inline-start:0;width:100%;height:2px;background:#111;transform:scaleX(0);transform-origin:right;pointer-events:none}.villa-scroll-hint{position:absolute;bottom:157px;inset-inline-end:var(--side);font-size:12px;color:#666}.villa-system-caption{position:absolute;bottom:157px;inset-inline-start:34%;max-width:44%;font-size:12px;line-height:1.6;color:#666;pointer-events:none}.villa-view-controls{position:absolute;top:65px;inset-inline-end:var(--side);display:flex;gap:6px;direction:ltr}.villa-view-controls button{width:44px;height:44px;border:1px solid #b5b5b5;background:#ffffffb0;color:#222;border-radius:50%;font-size:22px;line-height:1}.villa-fallback{position:absolute;top:57px;inset-inline-start:var(--side);font-size:12px;color:#777}.portfolio-title{font-size:clamp(40px,5vw,80px);font-weight:400;line-height:1.3}.portfolio-title>span{display:block}.portfolio-title .second-line{color:#777;margin-inline-start:10%}html[lang=en] .villa-copy h1{letter-spacing:-.06em;line-height:1.04}html[lang=en] .villa-timeline i{transform-origin:left}.villa-sticky.night{color:#efefef;background:#171717}.night .villa-topline,.night .villa-copy p,.night .villa-copy .eyebrow,.night .villa-phase>span,.night .villa-phase p,.night .villa-system-caption,.night .villa-scroll-hint,.night .villa-timeline button{color:#bdbdbd}.night .villa-timeline .active{color:white}.night .villa-timeline i{background:white}
@media(max-width:1024px){.villa-copy{width:27%}.villa-copy h1{font-size:46px}.villa-copy p{font-size:14px}.villa-phase h2{font-size:26px}.villa-controls{gap:7px}.villa-controls button,.villa-select{padding-inline:10px;font-size:12px}}
@media(max-width:760px){.villa-scroll{height:290svh}.villa-sticky{min-height:590px;--side:18px}.villa-topline{top:16px;font-size:11px;letter-spacing:0}.villa-topline>span:last-child{max-width:48%;text-align:end}.villa-copy{top:54px;left:var(--side);right:var(--side);width:auto}.villa-copy .eyebrow{font-size:11px}.villa-copy h1{font-size:34px;line-height:1.3;margin:10px 0 4px}.villa-copy h1 br{display:none}.villa-copy p{font-size:13px;line-height:1.6;max-width:80%}.villa-copy p br{display:none}.villa-copy .villa-skip{position:absolute;top:60px;inset-inline-end:0;margin:0;font-size:12px}.villa-scene-area{top:172px;bottom:228px;left:12px;right:12px;width:auto}.villa-phase{bottom:189px;inset-inline-start:var(--side);width:calc(100% - 36px);display:flex;align-items:baseline;gap:12px}.villa-phase>span{font-size:11px;white-space:nowrap}.villa-phase h2{font-size:22px;margin:0;white-space:nowrap}.villa-phase p{font-size:12px;line-height:1.5;max-width:52%;margin:0}.villa-controls{bottom:75px;left:var(--side);right:var(--side);display:grid;grid-template-columns:1fr 1fr;gap:7px;justify-content:initial}.villa-select{grid-column:1/-1;justify-content:space-between;min-height:42px;padding:7px 12px}.villa-select select{max-width:80%;font-size:14px;min-height:28px}.villa-controls button{justify-content:space-between;min-height:42px;padding:6px 12px;font-size:12px}.villa-controls>span{display:none}.villa-timeline{bottom:13px;gap:12px}.villa-timeline button{gap:6px;min-height:44px;font-size:12px;padding:12px 0}.villa-timeline button>span{font-size:11px}.villa-scroll-hint{display:none}.villa-system-caption{bottom:166px;left:var(--side);right:var(--side);inset-inline-start:var(--side);max-width:none;font-size:11px;text-align:start}.villa-view-controls{top:128px;inset-inline-end:var(--side)}.villa-view-controls button{height:36px;width:36px;font-size:20px}.portfolio-title{font-size:34px}.villa-fallback{top:38px;font-size:10px}html[lang=en] .villa-copy h1{font-size:34px}html[lang=en] .villa-copy p{max-width:68%}}
@media(max-height:560px) and (min-width:600px){.villa-sticky{height:100svh;min-height:360px;--side:20px}.villa-topline{top:12px;font-size:10px}.villa-copy{top:48px;left:auto;right:auto;inset-inline-start:20px;width:25%}.villa-copy h1{font-size:34px;margin:10px 0}.villa-copy h1 br{display:block}.villa-copy .eyebrow{display:none}.villa-copy p{font-size:12px;max-width:100%}.villa-copy .villa-skip{position:static;margin-top:10px;font-size:11px}.villa-scene-area{top:36px;bottom:123px;left:auto;right:auto;inset-inline-end:12px;width:68%}.villa-view-controls{top:36px;inset-inline-end:15px}.villa-view-controls button{width:34px;height:34px}.villa-phase{bottom:131px;width:24%;inset-inline-start:20px;display:block}.villa-phase h2{font-size:23px;margin:6px 0}.villa-phase p{display:none}.villa-controls{bottom:55px;left:20px;right:20px;display:flex;gap:8px;justify-content:flex-end}.villa-controls button,.villa-select{min-height:38px;padding:5px 10px;font-size:11px}.villa-select{grid-column:auto}.villa-select>span{display:none}.villa-select select{font-size:12px;max-width:145px}.villa-timeline{bottom:4px;left:20px;right:20px}.villa-timeline button{font-size:11px;min-height:40px;padding:8px 0}.villa-system-caption{bottom:100px;inset-inline-start:31%;max-width:50%;font-size:10px}.villa-scroll-hint{display:none}html[lang=en] .villa-copy h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){.villa-scroll{height:auto}.villa-sticky{position:relative}.villa-scroll-hint{display:none}}
@media(max-width:760px){.villa-sticky{min-height:0}}
@media(max-height:430px) and (min-width:600px){.villa-sticky{min-height:0}.villa-copy p,.villa-copy .villa-skip{display:none}.villa-copy h1{font-size:30px}.villa-phase{bottom:124px}.villa-system-caption{bottom:99px}.villa-view-controls{top:30px}}
.villa-sticky.focused .villa-copy,.villa-sticky.focused .villa-phase{display:none}.villa-sticky.focused .villa-scene-area{top:66px;left:4%;right:4%;width:auto}.villa-view-controls button[aria-pressed=true]{background:#171717;color:white}.villa-sticky.focused .villa-view-controls{top:56px}.villa-sticky.focused .villa-system-caption{inset-inline-start:var(--side);max-width:65%}
@media(max-width:760px){.villa-sticky.focused .villa-scene-area{top:65px;bottom:181px;left:10px;right:10px}.villa-sticky.focused .villa-view-controls{top:49px}}



/* Source style block 3 */

/* Supplied BSH identity. The original SVG and Alilato font are embedded unchanged. */
body{font-weight:200}
.brand-logo{width:157px;height:96px;object-fit:contain;filter:none;flex-shrink:0}
.header{height:118px}.header .logo{gap:20px}.header .brand-logo{width:150px;height:100px}.logo-caption{font-size:15px;max-width:100px;line-height:1.8}
.menu-top .brand-logo{width:180px;height:110px;filter:invert(1)}
.footer-logo{padding-block:35px;justify-content:center}.footer-logo .brand-logo{width:min(640px,85%);height:auto;filter:invert(1)}
.villa-copy h1{font-size:clamp(40px,4.9vw,76px);line-height:1.42;font-weight:200;letter-spacing:0}
html[lang=en] .villa-copy h1{font-size:clamp(36px,4.6vw,70px);line-height:1.15;letter-spacing:-.02em}
.villa-copy .eyebrow{font-size:14px;line-height:1.7;display:block}.villa-copy p{color:#444}
.portfolio-title{font-size:clamp(34px,4.5vw,68px);line-height:1.45}
.navigation a,.header-contact,.language{font-size:16px}.service-body p,.studio-foot p{line-height:1.95}
.project-caption h3{font-size:clamp(22px,2.2vw,32px);line-height:1.6}.project-caption>div{min-width:0}
.contact-links{display:grid;margin-block:24px;border-top:1px solid #888}.contact-links a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:20px;border-bottom:1px solid #888;font-size:18px}.contact-links b{font-weight:400;overflow-wrap:anywhere;min-width:0}.contact-links span{flex-shrink:0}.contact-bottom{gap:24px;flex-wrap:wrap}
@media(max-width:1024px){.villa-copy h1{font-size:42px}html[lang=en] .villa-copy h1{font-size:39px}.villa-copy .eyebrow{font-size:12px}}
@media(max-width:760px){.header{height:94px}.header .brand-logo{width:126px;height:82px}.villa-copy h1,html[lang=en] .villa-copy h1{font-size:clamp(27px,6.5vw,38px);line-height:1.45;margin:8px 0 4px}.villa-copy h1 br{display:inline}.villa-copy h1 br:after{content:' '}.villa-copy .eyebrow{font-size:12px}.villa-copy p{font-size:14px;max-width:70%}.villa-copy .villa-skip{top:68px}.villa-controls button,.villa-timeline button{font-size:14px}.portfolio-title{font-size:32px}.contact-links a{align-items:flex-start;flex-direction:column;gap:8px}.footer-logo .brand-logo{width:min(430px,100%)}.service-en{display:none}}
@media(max-width:370px){.villa-copy h1,html[lang=en] .villa-copy h1{font-size:27px}.villa-copy .eyebrow{font-size:11px}.villa-controls button{font-size:12px}}
@media(max-height:560px) and (min-width:600px){.villa-copy h1,html[lang=en] .villa-copy h1{font-size:29px;line-height:1.2}.villa-copy .eyebrow{display:none}.villa-copy h1 br{display:block}}