/* Kotaltı / Layers — editorial architecture, native scroll, progressive motion. */
:root{--paper:#f1f0ea;--white:#fff;--ink:#202820;--muted:#5b665e;--sage:#7d9080;--green:#4c6251;--line:#c4cbc0;--dark:#111b16;--stone:#e2e5dc;--gutter:clamp(24px,5vw,96px);--font:'Segoe UI','Helvetica Neue',Arial,sans-serif;--mono:Consolas,'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--font);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}button:disabled{opacity:.6;cursor:not-allowed}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}p{max-width:65ch}h1,h2,h3{font-weight:350;line-height:1.07;letter-spacing:-.05em}h1{font-size:clamp(52px,7vw,120px)}h2{font-size:clamp(40px,5.5vw,86px)}h3{font-size:29px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}::selection{background:#b6c7a8;color:#111b16}:focus-visible{outline:3px solid #72965f;outline-offset:6px}.immersive-hero :focus-visible,.site-header :focus-visible,.process :focus-visible,dialog :focus-visible{outline-color:#d8edb4}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.filter-defs{position:absolute;pointer-events:none}.skip-link{position:fixed;top:-100px;left:20px;background:white;color:#111;padding:15px;z-index:999}.skip-link:focus{top:15px}
/* Quiet, always available navigation. The supplied logo sits in a deliberate paper tab. */
.site-header{position:sticky;top:0;z-index:40;min-height:96px;padding:0 var(--gutter) 0 210px;display:flex;gap:28px;align-items:center;background:var(--dark);color:var(--paper);border-bottom:1px solid #ffffff20}.brand{position:absolute;top:0;left:var(--gutter);width:128px;background:white;padding:11px 10px 14px;border-bottom:3px solid var(--sage);z-index:1}.brand img{width:108px;height:auto}.site-header nav{display:flex;gap:26px;align-items:center;margin-left:auto}.site-header nav a{font-size:13px;min-height:44px;display:flex;align-items:center;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:5px;left:0;right:100%;height:1px;background:#cbd9b7;transition:right .25s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{right:0}.header-tools{display:flex;gap:28px;align-items:center}.languages{display:flex;gap:6px;font:12px var(--mono)}.languages a{display:grid;place-items:center;min-height:44px;min-width:25px;opacity:.65}.languages a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:7px}.tour-link{min-height:44px;display:flex;align-items:center;gap:20px;border-bottom:1px solid #8ca27d;font-size:13px}.tour-link span{font-size:22px;color:#b7caa3}.menu-toggle,.mobile-home{display:none}.site-header:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#b5c99b;transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}
.eyebrow,.small-label,.folio{font:12px/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}.eyebrow{display:flex;gap:24px;align-items:center}.index{border-right:1px solid currentColor;padding-right:16px;color:var(--green)}.section{padding:110px var(--gutter)}.section>.eyebrow{margin-bottom:65px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:56px;padding:16px 23px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:14px;transition:background .25s,color .25s}.button:hover{background:var(--green);border-color:var(--green)}.button span,.text-link span{font-size:23px;transition:transform .25s}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.button.light{background:#dfe7d4;color:#19231b;border-color:#dfe7d4}.button.light:hover{background:white;border-color:white}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;border-bottom:1px solid currentColor;font-size:14px;padding:9px 0}.text-link:hover{color:var(--green)}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.intro{font-size:20px;line-height:1.65}.caption,figcaption{font:12px/1.65 var(--mono);color:var(--muted)}
/* Opening: same-view material / drawing lens, with controls independent of pointer input. */
.immersive-hero{position:relative;isolation:isolate;background:var(--dark);color:var(--paper);min-height:760px;height:calc(100svh - 96px);max-height:1100px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.hero-scene{position:absolute;inset:0;z-index:-1}.hero-scene .study{height:100%}.study-canvas{position:relative;height:100%;overflow:hidden;--px:73%;--py:35%;background:#1b241f}.study-image,.edge-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;max-width:none;transform:scale(var(--scene-scale,1.04));transform-origin:65% 45%}.hero-scene .study-image{opacity:.75}.study-drawing{position:absolute;inset:0;clip-path:circle(0 at var(--px) var(--py));background:#17281b;pointer-events:none}.edge-image{filter:url(#line-filter);opacity:.85}.drawing-grid{position:absolute;inset:0;background-image:linear-gradient(#cbd7b31c 1px,transparent 1px),linear-gradient(90deg,#cbd7b31c 1px,transparent 1px);background-size:48px 48px}.study-canvas.is-hovering .study-drawing{clip-path:circle(150px at var(--px) var(--py))}.lens{width:300px;height:300px;position:absolute;left:var(--px);top:var(--py);border:1px solid #e5edda88;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0}.is-hovering .lens{opacity:1}.study[data-mode=drawing] .study-drawing,.study[data-mode=model] .study-drawing{clip-path:none}.study[data-mode=drawing] .edge-image{filter:url(#line-filter) invert(1)}.study[data-mode=model] .edge-image{filter:grayscale(1);opacity:.8}.study:not([data-mode=structure]) .lens{opacity:0}.hero-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111b16e8 0%,#111b1680 40%,#111b160a 78%),linear-gradient(0deg,#111b16 0%,transparent 45%);pointer-events:none}.visual-coordinate{position:absolute;right:35px;color:#dde9d1;font:12px var(--mono);z-index:2}.coord-top{top:22%}.coord-bottom{bottom:26%}.image-number{display:none}.study-controls{position:absolute;right:var(--gutter);bottom:145px;z-index:4;display:flex;border:1px solid #b3c1a455;background:#162019dd}.study-controls button{border:0;background:none;color:#dfe7d4;min-height:46px;padding:11px 18px;font-size:13px}.study-controls button span{font:10px var(--mono);margin-right:10px;color:#c1d3ac}.study-controls button[aria-pressed=true]{background:#dfe7d4;color:#18231b}.study-controls button[aria-pressed=true] span{color:#354b3b}.study figcaption{position:absolute;right:var(--gutter);bottom:90px;max-width:340px;color:#d4dfca;z-index:4;font-size:11px}.pointer-hint{display:block;color:#aebfa2;font-size:11px}.hero-content{padding:70px var(--gutter) 0;pointer-events:none}.hero-content a{pointer-events:auto}.hero-kicker{display:flex;justify-content:space-between;font:12px/1.6 var(--mono);letter-spacing:.12em;color:#d2ddc6}.hero-kicker span:first-child{padding-left:150px}.hero-content h1{font-size:clamp(65px,7.4vw,132px);line-height:1.04;letter-spacing:-.06em;margin-top:80px;font-weight:350}.hero-content h1>span,.hero-content h1>em{display:block}.hero-content h1 em{color:#d4e0c8;margin-left:7vw}.hero-summary{margin-top:40px;display:flex;align-items:flex-start;gap:6vw}.hero-summary>p{font-size:16px;max-width:330px;color:#e0e4db}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .text-link:hover{color:white}.hero-floor{display:flex;gap:25px;justify-content:space-between;align-items:center;margin:45px var(--gutter) 0;padding:24px 0;border-top:1px solid #b9c8ac50;font:11px/1.5 var(--mono);color:#c8d2bc}.hero-floor a{min-height:44px;display:flex;align-items:center;gap:60px}.hero-floor a span{font-size:26px}.hero-floor>span:last-child{color:#98aa8d}
/* Manifesto and interactive model atlas. */
.manifesto{background:#e2e7da;padding-top:100px;padding-bottom:80px}.manifesto h2{font-size:clamp(53px,7.3vw,128px);line-height:1.08;max-width:1300px}.manifesto h2 em{color:#52694e;margin-left:12vw}.manifesto-foot{display:grid;grid-template-columns:1fr 2fr 1fr;gap:55px;margin-top:60px;align-items:end}.manifesto-foot p{max-width:510px}.manifesto-foot .small-label{text-align:right;max-width:160px;justify-self:end}.datum-sign{font-size:85px;font-weight:200;line-height:1;color:#6d8264}.atlas{position:relative;background:var(--paper);overflow:hidden}.atlas-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:35px;gap:40px}.atlas-head h2{font-size:clamp(60px,9vw,156px);line-height:1}.atlas-head .small-label{max-width:180px;padding-bottom:10px}.atlas-layout{display:grid;grid-template-columns:1fr 1.2fr 70px;gap:6%;margin-top:55px;align-items:start}.atlas-copy{padding-top:75px}.folio{display:block;color:var(--green);margin-bottom:32px}.atlas-copy h3{font:italic 38px/1.2 Georgia,serif;max-width:320px}.atlas-copy p{margin-top:30px;max-width:365px;color:var(--muted)}.atlas-actions{display:flex;flex-direction:column;gap:18px;align-items:flex-start;margin-top:38px}.atlas-viewer{position:relative;background:#e4e7de;border:1px solid #c6cdc0;min-width:0}.atlas-stage{height:660px;position:relative;background-image:linear-gradient(#5d75561c 1px,transparent 1px),linear-gradient(90deg,#5d75561c 1px,transparent 1px);background-size:75px 75px;overflow:hidden}.atlas-stage:before{content:'';position:absolute;border:1px solid #6d85643d;width:90%;aspect-ratio:1;border-radius:50%;left:5%;top:18%;pointer-events:none}.atlas-frame{position:relative;height:100%;padding:28px 38px 60px;animation:atlas-in .65s ease both}.atlas-frame img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.atlas-frame:last-child{padding:0 0 60px}.atlas-frame:last-child img{object-fit:cover;mix-blend-mode:normal}.atlas-frame figcaption{position:absolute;bottom:0;left:0;right:0;padding:15px 20px;background:#e4e7de;color:#40543b;min-height:60px;border-top:1px solid #b9c4af}.atlas-tabs{display:flex}.atlas-tabs button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border:0;border-right:1px solid #b9c4af;border-top:1px solid #b9c4af;background:none;min-height:55px;font-size:14px}.atlas-tabs button:last-child{border-right:0}.atlas-tabs button span{font:11px var(--mono)}.atlas-tabs button[aria-pressed=true]{background:#243522;color:#f0f4e9}.atlas-datum{position:absolute;top:40px;bottom:130px;left:-42px;display:flex;flex-direction:column;justify-content:space-between;font:10px var(--mono);color:#52694e}.atlas-margin{display:flex;writing-mode:vertical-rl;gap:70px;font:11px var(--mono);color:var(--muted);padding-top:40px}.atlas-margin span:last-child{opacity:.75}@keyframes atlas-in{from{opacity:.1;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
/* Craft is given equal weight to the digital work. */
.craft{background:#deded3}.craft-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end}.craft-heading h2{font-size:clamp(43px,5.6vw,88px)}.craft-heading p{max-width:430px}.craft-body{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;margin-top:70px;align-items:start}.craft-photo{position:sticky;top:140px}.craft-photo img{aspect-ratio:4/5;object-fit:cover;width:100%;filter:saturate(.55)}.craft-photo figcaption{padding-top:15px}.photo-cross{position:absolute;right:25px;top:10px;font-size:50px;color:white;font-weight:200}.craft-services details{border-top:1px solid #aab0a1}.craft-services details:last-of-type{border-bottom:1px solid #aab0a1}.craft-services summary{list-style:none;display:grid;grid-template-columns:28px 1fr 20px;gap:14px;align-items:start;padding:28px 0;cursor:pointer}.craft-services summary::-webkit-details-marker{display:none}.service-number{font:12px var(--mono);padding-top:8px;color:var(--green)}.craft-services h3{font-size:clamp(24px,2.6vw,41px);line-height:1.18;letter-spacing:-.035em}.expand-mark{font-size:27px;line-height:1;transition:transform .25s}.craft-services details[open] .expand-mark{transform:rotate(45deg)}.craft-services details p{padding:0 20px 32px 42px;color:#465340}.craft-services>.text-link{margin-top:25px}.service-row{border-top:1px solid var(--line);padding:26px 0;display:flex;gap:24px}.service-row h3{line-height:1.2;margin-bottom:15px}.service-row p{color:var(--muted);font-size:16px}
.process{background:var(--dark);color:var(--paper);position:relative}.process .index{color:#b0c49e}.section-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end}.section-heading p{color:var(--muted)}.process .section-heading p{color:#bac7b1}.process-line{list-style:none;margin:70px 0 0;padding:0;position:relative}.process-line:before{content:'';position:absolute;left:46px;top:0;bottom:0;width:1px;background:#7c907266}.process-line:after{content:'';position:absolute;left:46px;top:0;width:2px;height:100%;background:#c2d3a8;transform:scaleY(var(--process-progress,0));transform-origin:top;pointer-events:none}.process-line li{display:grid;grid-template-columns:95px 1.2fr 1fr;gap:30px;padding:36px 0;border-top:1px solid #74856944;align-items:center;position:relative}.process-mark{width:94px;text-align:center;font:14px var(--mono);background:var(--dark);color:#aabd97;position:relative;z-index:1;padding:10px}.process-line h3{font-size:clamp(25px,3.6vw,57px);color:#b8c5ad;transition:color .3s,transform .4s}.process-line p{font-size:16px;color:#abbba0;max-width:330px;justify-self:end}.process-line li.is-active h3{color:#eff3e8;transform:translateX(14px)}.process-line li.is-active .process-mark{color:white}.studio-teaser{padding-bottom:0;overflow:hidden}.studio-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:10%}.studio-intro p{font-size:20px;margin:12px 0 30px}.studio-word{font-weight:300;font-size:clamp(140px,27vw,490px);letter-spacing:-.085em;line-height:1.12;color:#718569;white-space:nowrap;margin-left:-.025em;margin-top:45px}.studio-word span{font-size:.25em;vertical-align:top;display:inline-block;margin:12% 0 0 5%;letter-spacing:0}.closing{background:#bccbad;color:#172417;padding:75px var(--gutter);display:grid;grid-template-columns:1fr 160px;gap:35px;align-items:center;position:relative;border-top:1px solid #8c9f7b}.closing>.small-label{grid-column:1/-1}.closing h2{font-size:clamp(40px,5vw,80px);max-width:1000px}.circle-link{width:160px;height:160px;border:1px solid #536c43;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:14px;transition:background .25s,color .25s}.circle-link span{font-size:40px}.circle-link:hover{background:#243522;color:white}.closing-level{position:absolute;right:var(--gutter);top:75px;font:12px var(--mono)}
/* Inner pages share scale, datum and material language. */
.page-heading{padding:90px var(--gutter) 80px;background:var(--dark);color:var(--paper);position:relative}.page-heading .index{color:#b2c49f}.page-heading h1{margin-top:58px;max-width:1200px}.page-heading>.intro{margin:40px 0 0 40%;max-width:640px;color:#c2cfb8}.page-heading:after{content:'';position:absolute;left:var(--gutter);bottom:70px;width:27%;border-bottom:1px solid #809672}.page-galata .page-heading:after{display:none}.galata-heading h1{font-size:clamp(66px,11vw,180px)}.title-period{color:#b3c69f}.heading-split{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;margin-top:65px}.heading-split h2{font-size:clamp(32px,4vw,62px)}.heading-split p{margin-bottom:28px;color:#c2cfb8}.heading-split .button{border-color:#b2c39f;background:#b2c39f;color:#18251a}.digital-intro,.project-story,.studio-body,.restoration-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.digital-intro h2,.project-story h2,.studio-body h2{margin-bottom:30px}.digital-intro .intro,.studio-body .intro{margin-bottom:35px}.structure-figure,.galata-section-figure{padding:30px;background:#e2e7dc;border:1px solid #bac6b0}.structure-figure img,.galata-section-figure img{height:760px;width:100%;object-fit:contain;mix-blend-mode:multiply}.structure-figure figcaption,.galata-section-figure figcaption{margin-top:20px}.project-story>div:last-child{position:sticky;top:140px}.project-story .small-label{display:block;margin-bottom:24px}.project-story .intro{font-size:18px}.project-story .scope-title{font:13px var(--mono);margin:30px 0 15px}.project-story .service-row h3{font-size:24px}.status-note{padding:20px 0 0;border-top:1px solid var(--line);margin-top:20px}.status-note h3{font-size:18px;margin-bottom:12px}.status-note p{font-size:14px;color:var(--muted)}.caption{margin-top:20px}.galata-gallery{background:#deded3}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:4%;margin-top:55px}.gallery-pair img{width:100%;aspect-ratio:1;object-fit:cover}.gallery-pair figcaption{margin-top:15px}.tour-section{padding:90px var(--gutter);background:var(--dark);color:var(--paper)}.tour-top{display:flex;justify-content:space-between;font:12px var(--mono);margin-bottom:40px;color:#bdccaf}.tour-section h2{font-size:clamp(48px,7vw,110px)}.tour-preview{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;margin-top:60px;align-items:center}.tour-preview-art{height:400px;position:relative;overflow:hidden}.tour-image{width:100%;height:100%;object-fit:cover;opacity:.8}.tour-ring{position:absolute;inset:10%;border:1px solid #dde6d4aa;border-radius:50%;aspect-ratio:1;margin:auto}.tour-preview-copy h3{font:italic 35px/1.2 Georgia,serif;margin:20px 0}.tour-preview-copy p{color:#c0cdb4;margin-bottom:25px}.tour-section .caption{color:#aebfa0}.restoration-banner{position:relative;background:#d5ddcd;padding:0 var(--gutter)}.restoration-banner figure{width:75%;margin-left:auto;position:relative;height:520px;overflow:hidden}.restoration-banner img{height:100%;width:100%;object-fit:cover;object-position:center 40%}.restoration-banner figcaption{position:absolute;bottom:0;padding:18px;background:#17241ce8;color:#e6ecdf;width:100%}.restoration-banner>span{position:absolute;left:var(--gutter);bottom:40px;font:14px/2 var(--mono)}.restoration-layout h2{margin-bottom:30px}.studio-mark{padding:12%;background:white;border:1px solid var(--line);aspect-ratio:1;display:grid;place-items:center}.studio-mark img{width:100%}.not-found{min-height:65vh}.not-found .button{margin-top:30px}
/* Contact and tour retain their working service / focus behavior. */
.contact-page{padding:85px var(--gutter) 110px;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;background:#e4e8dd}.contact-page h1{font-size:clamp(44px,5.5vw,88px);margin:45px 0 30px}.contact-page .intro{font-size:18px}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:35px}.contact-details .text-link{font-size:20px;overflow-wrap:anywhere}.contact-details .instagram-link{font-size:14px}.contact-level{display:flex;align-items:center;gap:20px;margin-top:45px;font:12px var(--mono)}.contact-level span{flex:1;border-top:1px solid var(--sage)}.form-panel{padding-top:45px}.form-panel fieldset{margin:0;padding:0;border:0;min-width:0}.form-field{margin-bottom:28px}.form-field label{display:block;font:13px var(--mono);margin-bottom:12px}.form-field input,.form-field select,.form-field textarea{border:0;border-bottom:1px solid #809174;border-radius:0;background:transparent;padding:12px 0;width:100%;color:var(--ink);min-height:50px;font-size:18px}.form-field textarea{resize:vertical}.form-field select option{background:var(--paper)}.field-error{display:block;color:#913223;font-size:13px}.form-field [aria-invalid=true]{border-color:#913223}.form-panel>p,#form-status{font-size:14px;margin-top:24px}.form-panel>p a{text-decoration:underline}.form-notice{padding:20px;background:#d4ddca;border-left:2px solid var(--green);margin-bottom:25px}.site-footer{padding:55px var(--gutter) 25px;background:#fff;display:grid;grid-template-columns:1.3fr 1fr;gap:50px}.footer-logo{width:140px}.footer-logo img{width:140px}.site-footer p{margin-top:25px;font-size:14px}.footer-contact{display:flex;flex-wrap:wrap;gap:10px 25px;margin-top:16px;font-size:14px}.footer-contact a{min-height:44px;display:flex;align-items:center}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:15px 30px;font-size:14px;padding-top:25px}.site-footer nav a{min-height:40px}.footer-bottom{grid-column:1/-1;display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;font:11px/1.6 var(--mono)}.footer-bottom a{font-size:28px;min-width:44px;text-align:center}
dialog{border:1px solid #75876a;background:#142019;color:#e8efdf;padding:0;width:96vw;max-width:1600px;height:94dvh;max-height:94dvh}dialog[open]{display:flex;flex-direction:column}dialog::backdrop{background:#06100de6}.tour-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 24px;border-bottom:1px solid #718264}.tour-toolbar h2{font-size:23px;letter-spacing:-.02em}.tour-toolbar>div{display:flex;gap:12px}.tour-toolbar button,.tour-bottom button,.tour-bottom a{border:1px solid #819272;background:none;color:inherit;min-height:44px;padding:10px 16px;font-size:14px}.tour-message{padding:12px 24px;font-size:13px;max-width:none;color:#c5d4b7}.tour-frame-slot{position:relative;flex:1;min-height:0;background:#0b130e}.tour-frame-slot iframe{width:100%;height:100%;border:0;display:block}.tour-frame-slot.failed{opacity:.4}.tour-bottom{display:flex;justify-content:flex-end;gap:16px;padding:15px 24px}dialog:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none}
@media(min-width:1800px){.hero-summary{margin-top:60px}.hero-content h1{margin-top:110px}}
@media(max-width:1100px){.site-header{padding-left:180px;gap:18px}.site-header nav{gap:17px}.site-header nav a{font-size:12px}.header-tools{gap:15px}.tour-link{gap:12px}.hero-content h1{font-size:8vw}.hero-kicker span:first-child{padding-left:120px}.hero-summary{gap:45px}.hero-summary>p{max-width:280px}.study-controls{bottom:115px}.study figcaption{bottom:65px;max-width:260px}.atlas-layout{grid-template-columns:1fr 1.2fr;gap:8%}.atlas-margin{display:none}.atlas-stage{height:590px}.atlas-copy{padding-top:35px}.craft-body{gap:6%}}
@media(max-width:900px){.site-header{min-height:84px;padding-left:165px}.brand{width:110px;padding:9px}.brand img{width:92px}.site-header nav{display:none}.header-tools{margin-left:auto}.menu-toggle{display:flex;order:3;align-items:center;gap:15px;border:0;background:none;color:inherit;font-size:13px;min-height:48px;padding:8px}.menu-bars{width:22px;height:10px;border-top:1px solid;border-bottom:1px solid}.site-header.menu-open nav{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--dark);padding:40px var(--gutter);flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #829570}.site-header.menu-open nav a{font-size:28px;min-height:65px;border-bottom:1px solid #6d80623d}.mobile-home{display:flex}.hero-kicker span:first-child{padding-left:0;max-width:260px}.hero-kicker span:last-child{display:none}.hero-content{padding-top:80px}.immersive-hero{height:auto;min-height:780px}.hero-content h1{font-size:8.4vw;margin-top:60px}.hero-content h1 em{margin-left:0}.hero-summary{flex-direction:column;gap:25px}.hero-summary>p{max-width:410px}.hero-actions{flex-direction:row;flex-wrap:wrap;gap:24px}.study-controls{bottom:95px}.study figcaption{display:none}.hero-floor{margin-top:120px}.hero-floor>span:last-child{display:none}.hero-floor>span{max-width:220px;text-align:right}.manifesto-foot{grid-template-columns:80px 1fr;gap:30px}.manifesto-foot>.small-label{display:none}.atlas-head{align-items:start;flex-direction:column;gap:20px}.atlas-head .small-label{max-width:none}.atlas-layout{gap:45px}.atlas-stage{height:540px}.atlas-frame{padding:20px 20px 65px}.atlas-tabs button{padding:12px 10px}.atlas-tabs button span{display:none}.atlas-copy h3{font-size:30px}.craft-heading{grid-template-columns:1fr;gap:30px}.craft-heading p{max-width:620px}.craft-body{grid-template-columns:.9fr 1.1fr}.process-line li{grid-template-columns:70px 1fr;gap:20px;padding:28px 0}.process-line p{grid-column:2;justify-self:start}.process-line:before,.process-line:after{left:34px}.process-mark{width:68px}.process-line h3{font-size:36px}.process-line li.is-active h3{transform:translateX(6px)}.studio-intro{grid-template-columns:1fr;gap:30px}.studio-intro p{max-width:630px}.contact-page{gap:7%}.contact-page h1{font-size:48px}.contact-page h1 br{display:none}.contact-details .text-link{font-size:17px}.project-story>div:last-child{position:static}.section-heading{grid-template-columns:1fr;gap:30px}.closing{grid-template-columns:1fr 130px}.circle-link{width:130px;height:130px}.digital-intro,.studio-body,.project-story,.restoration-layout{gap:7%}.structure-figure img,.galata-section-figure img{height:650px}}
@media(max-width:650px){:root{--gutter:22px}html{scroll-padding-top:100px}.site-header{padding:0 15px 0 120px;min-height:78px;gap:8px}.brand{left:15px;width:91px;padding:8px}.brand img{width:75px}.header-tools{gap:14px}.tour-link{font-size:12px;gap:9px}.languages{gap:1px;font-size:12px}.languages a{min-width:23px}.menu-toggle{font-size:0;gap:0;padding:9px;min-width:40px}.section{padding:70px var(--gutter)}.section>.eyebrow{margin-bottom:38px}.eyebrow,.small-label{font-size:11px;letter-spacing:.06em}.immersive-hero{min-height:780px;max-height:none}.hero-scene .study-image,.hero-scene .edge-image{object-position:63% center}.hero-scene:after{background:linear-gradient(0deg,#111b16 5%,#111b1633 85%),linear-gradient(90deg,#111b16b3,transparent)}.hero-content{padding:65px var(--gutter) 0}.hero-kicker{font-size:10px;max-width:270px}.hero-content h1{font-size:clamp(42px,10.6vw,65px);margin-top:62px;line-height:1.12;letter-spacing:-.06em}.hero-content h1 em{font-size:.96em;line-height:1.16}.hero-summary{margin-top:28px;gap:26px}.hero-summary>p{font-size:15px;max-width:330px;color:#e5eadf}.hero-actions{gap:12px 20px;align-items:center}.hero-actions .button{font-size:13px;padding:13px 16px;min-height:50px;gap:22px}.hero-actions .text-link{font-size:13px}.hero-floor{margin-top:140px;font-size:10px;padding:16px 0;gap:20px}.hero-floor a{gap:24px}.hero-floor>span{max-width:145px}.study-controls{left:var(--gutter);right:auto;bottom:102px}.study-controls button{font-size:12px;padding:9px 13px}.study-controls button span{font-size:10px;margin-right:8px}.visual-coordinate{display:none}.lens{width:190px;height:190px}.study-canvas.is-hovering .study-drawing{clip-path:circle(95px at var(--px) var(--py))}.manifesto h2{font-size:clamp(40px,10vw,62px);line-height:1.15}.manifesto h2 em{margin-left:0}.manifesto-foot{grid-template-columns:1fr;gap:22px;margin-top:35px}.datum-sign{font-size:48px}.manifesto-foot p{font-size:16px}.atlas-head h2{font-size:clamp(50px,12vw,75px);letter-spacing:-.06em}.atlas-head{padding-bottom:25px}.atlas-layout{grid-template-columns:1fr;margin-top:32px;gap:38px}.atlas-copy{padding-top:0}.folio{margin-bottom:18px}.atlas-copy h3{font-size:32px;max-width:330px}.atlas-copy p{margin-top:20px;max-width:none}.atlas-actions{flex-direction:row;align-items:center;gap:24px;margin-top:25px}.atlas-actions .button{padding:12px 18px;font-size:13px;gap:24px}.atlas-actions .text-link{font-size:13px}.atlas-viewer{margin-left:20px}.atlas-datum{left:-26px;font-size:9px}.atlas-stage{height:550px}.atlas-frame{padding:22px 28px 70px}.atlas-tabs button{font-size:14px;min-height:52px;justify-content:center}.atlas-frame figcaption{font-size:11px;min-height:70px;padding:16px}.craft-heading h2{font-size:44px;line-height:1.13}.craft-heading h2 br{display:none}.craft-body{grid-template-columns:1fr;gap:35px;margin-top:40px}.craft-photo{position:relative;top:auto}.craft-photo img{aspect-ratio:1.2}.craft-services summary{padding:24px 0;grid-template-columns:24px 1fr 16px;gap:12px}.craft-services h3{font-size:27px}.craft-services details p{padding-left:36px;font-size:15px}.section-heading h2{font-size:42px;line-height:1.14}.process-line{margin-top:38px}.process-line li{grid-template-columns:44px 1fr;gap:15px;padding:24px 0}.process-mark{width:44px;font-size:12px}.process-line:before,.process-line:after{left:21px}.process-line h3{font-size:29px}.process-line p{font-size:15px}.studio-intro h2{font-size:44px;line-height:1.15}.studio-intro h2 br{display:none}.studio-intro p{font-size:18px}.studio-word{font-size:28vw;margin-top:30px;line-height:1.35}.studio-teaser{padding-bottom:0}.closing{padding:55px var(--gutter);grid-template-columns:1fr;gap:30px}.closing h2{font-size:42px;line-height:1.15}.closing h2 br{display:none}.closing-level{top:58px;font-size:10px}.circle-link{justify-self:end;width:125px;height:125px;font-size:13px}.page-heading{padding:70px var(--gutter) 50px}.page-heading h1{font-size:48px;margin-top:38px;line-height:1.13}.page-heading h1 br{display:none}.page-heading>.intro{margin:30px 0 0;font-size:18px}.page-heading:after{display:none}.galata-heading h1{font-size:60px}.heading-split{grid-template-columns:1fr;gap:26px;margin-top:35px}.heading-split h2{font-size:32px}.digital-intro,.project-story,.restoration-layout,.studio-body{grid-template-columns:1fr;gap:45px}.digital-intro h2,.project-story h2,.restoration-layout h2,.studio-body h2{font-size:42px}.intro{font-size:18px}.structure-figure,.galata-section-figure{padding:22px}.structure-figure img,.galata-section-figure img{height:650px}.gallery-pair{grid-template-columns:1fr;gap:30px;margin-top:35px}.tour-section{padding:60px var(--gutter)}.tour-section h2{font-size:49px}.tour-preview{grid-template-columns:1fr;gap:30px;margin-top:35px}.tour-preview-art{height:290px}.tour-preview-copy h3{font-size:32px}.tour-top{font-size:10px}.restoration-banner{padding:0}.restoration-banner figure{width:85%;height:400px}.restoration-banner>span{left:10px;font-size:10px}.restoration-banner figcaption{font-size:10px}.service-row h3{font-size:26px}.studio-mark{max-width:320px;justify-self:center}.contact-page{grid-template-columns:1fr;gap:45px;padding:65px var(--gutter)}.contact-page h1{font-size:46px;line-height:1.15;margin-top:35px}.form-panel{padding-top:0}.site-footer{grid-template-columns:1fr;gap:28px;padding:40px var(--gutter) 20px}.site-footer nav{font-size:14px;gap:10px 20px;padding:0}.footer-bottom{flex-wrap:wrap;font-size:10px;gap:12px;padding-right:40px;position:relative}.footer-bottom a{position:absolute;right:0;top:20px}.footer-bottom span:nth-child(2){font-size:9px}.tour-toolbar{padding:12px;align-items:flex-start;gap:10px}.tour-toolbar h2{font-size:17px;max-width:120px;line-height:1.2}.tour-toolbar>div{gap:6px;flex-wrap:wrap;justify-content:end}.tour-toolbar button,.tour-bottom button,.tour-bottom a{font-size:12px;padding:8px;min-height:42px}.tour-message{font-size:12px;padding:10px 12px}.tour-bottom{padding:12px;gap:10px}dialog{width:98vw;height:96dvh;max-height:96dvh}.caption,figcaption{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.study-image,.edge-image{transform:none!important}.lens{display:none}.process-line li.is-active h3{transform:none}}
@media(hover:none),(pointer:coarse){.pointer-hint,.lens{display:none}.study-canvas.is-hovering .study-drawing{clip-path:circle(0 at 50% 50%)}}
/* Detail viewer: native scrolling remains available with mouse, touch and keyboard. */
.site-header nav .mobile-home{display:none}
.study[data-mode=drawing] .edge-image{filter:url(#line-filter)}
.atlas-image-window{width:100%;height:100%;overflow:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#73876a #dce3d5}
.atlas-image-window img{max-width:none;width:calc(100% * var(--atlas-zoom,1));height:calc(100% * var(--atlas-zoom,1));object-fit:contain;transform:none}
.atlas-frame:last-child .atlas-image-window img{object-fit:cover}
.atlas-zoom{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr 48px auto;gap:12px;align-items:center;border-top:1px solid #b9c4af}
.atlas-zoom label{font-size:12px}.atlas-zoom input{width:100%;min-height:44px;accent-color:#4c6251;cursor:ew-resize}.atlas-zoom output{font:12px var(--mono)}.atlas-zoom button{background:none;border:0;border-bottom:1px solid #718568;color:#34492d;padding:8px 0;min-height:44px;font-size:12px}.atlas-zoom p{grid-column:1/-1;font-size:11px;line-height:1.5;color:#52634a}
@media(min-width:901px) and (max-height:850px){.immersive-hero{min-height:650px}.hero-content{padding-top:48px}.hero-content h1{margin-top:50px;font-size:7vw}.hero-summary{margin-top:30px}.study-controls{bottom:135px}.study figcaption{bottom:80px}}
@media(max-width:900px){.site-header.menu-open nav .mobile-home{display:flex}}
@media(max-width:650px){.atlas-zoom{grid-template-columns:1fr 1fr 40px;gap:8px;padding:12px}.atlas-zoom button{grid-column:3;grid-row:2}.atlas-zoom p{grid-column:1/3;grid-row:2;font-size:11px}.atlas-zoom label{font-size:11px}}
@keyframes opening-type{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.hero-content h1>span{animation:opening-type .75s ease both}.hero-content h1>em{animation:opening-type .9s .12s ease both}}
/* Spatial exhibition: native scroll, pointer depth and visible controls. */
body:has(.experience) .site-header{background:#f6f5f0;color:#273d32;border-color:#c6cdc4}
body:has(.experience) .brand{border:0;background:#fff;width:110px;padding:8px 12px}
body:has(.experience) .brand img{width:86px}
body:has(.experience) .site-header nav a:after{background:#45614c}
.experience{height:240vh;background:#eeeee7;position:relative;--ex-progress:0;--mx:0;--my:0}
.experience-sticky{position:sticky;top:96px;height:calc(100svh - 96px);min-height:660px;overflow:hidden;isolation:isolate;background:#eeeee7;transition:background .7s}
.experience[data-scene="1"] .experience-sticky{background:#d9e2d5}.experience[data-scene="2"] .experience-sticky{background:#e2ded3}
.experience-grid{position:absolute;inset:0;background-image:linear-gradient(#60796010 1px,transparent 1px),linear-gradient(90deg,#60796010 1px,transparent 1px);background-size:70px 70px;transform:translate(calc(var(--mx)*-12px),calc(var(--my)*-12px)) scale(1.1);pointer-events:none}
.experience-word{position:absolute;left:3%;top:22%;font-size:clamp(140px,22vw,390px);font-weight:600;line-height:1;letter-spacing:-.075em;color:#7d908022;transform:translateX(calc(var(--ex-progress)*-8% + var(--mx)*-14px));pointer-events:none;white-space:nowrap}
.experience-heading{position:absolute;z-index:4;left:var(--gutter);top:9%;width:42%;pointer-events:none}.experience-heading .eyebrow{font-size:10px;margin-bottom:28px;letter-spacing:.08em}.experience-heading h1{font-size:clamp(42px,4.9vw,79px);line-height:1.03;letter-spacing:-.055em;max-width:620px}.experience-heading h1 em{font-family:var(--font);font-style:normal;color:#667e68;font-weight:300}
.specimen{position:absolute;top:3%;left:38%;width:40%;height:73%;perspective:1100px;--lens-x:50%;--lens-y:50%;touch-action:pan-y}
.specimen-frame{position:absolute;inset:0;transform:translate(calc(var(--mx)*15px),calc(var(--my)*9px)) rotateY(calc(var(--mx)*8deg)) rotateX(calc(var(--my)*-5deg));transform-style:preserve-3d;mix-blend-mode:multiply}
.specimen-image{width:100%;height:100%;object-fit:contain;pointer-events:none}.specimen-frame[data-specimen-frame="2"]{inset:12% -5% 5% 0}.specimen-frame[data-specimen-frame="2"] .specimen-image{border-radius:50%;object-fit:cover}
.specimen-reveal{position:absolute;inset:0;clip-path:circle(0 at var(--lens-x) var(--lens-y));filter:grayscale(1) contrast(1.6);background:#e7eddb;transition:clip-path .2s}.specimen.is-exploring .specimen-reveal{clip-path:circle(105px at var(--lens-x) var(--lens-y))}.specimen-reveal .specimen-image{filter:url(#linework)}
.specimen-orbit{position:absolute;inset:10% -10%;border:1px solid #7d908056;border-radius:50%;transform:rotate(-28deg) rotateX(55deg);pointer-events:none}.specimen-axis{position:absolute;inset:8% 0 8% auto;display:flex;flex-direction:column;justify-content:space-between;font:10px var(--mono);color:#5b725e;z-index:3;pointer-events:none}.specimen-axis span:before{content:'';display:inline-block;width:45px;height:1px;background:#7d9080;vertical-align:middle;margin-right:10px}.specimen-cross{position:absolute;left:var(--lens-x);top:var(--lens-y);font:30px var(--mono);color:#425444;pointer-events:none;opacity:0;transform:translate(-50%,-50%)}.is-exploring .specimen-cross{opacity:1}
.experience-info{position:absolute;right:var(--gutter);top:25%;width:15%;z-index:4}.experience-number{font:11px var(--mono);border-top:1px solid #7d9080;padding-top:12px;display:block}.experience-caption{font-size:22px;line-height:1.3;letter-spacing:-.03em;margin:22px 0}.experience-note{font:10px/1.6 var(--mono);color:#5b665e;margin-bottom:25px}.experience-info .text-link{font-size:13px}
.experience-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:35px;display:grid;grid-template-columns:1fr 1fr 50px;gap:5%;align-items:end;z-index:5}.experience-intro>p{font-size:14px;max-width:390px;line-height:1.55}.experience-intro .hero-actions{margin-top:20px;gap:22px}.experience-intro .text-link{font-size:12px}.experience-control>div{display:flex;border-top:1px solid #a7b4a4}.experience-control button{background:transparent;color:#4e6252;border:0;min-height:50px;text-align:left;flex:1;font-size:14px;border-bottom:2px solid transparent;padding:12px}.experience-control button span{font:10px var(--mono);margin-right:14px}.experience-control button[aria-pressed="true"]{border-bottom-color:#354c3d;background:#7d908019;color:#172e20}.experience-hint{display:block;font:10px var(--mono);margin-top:12px;color:#596b5d}.experience-next{width:48px;height:48px;border:1px solid #7d9080;border-radius:50%;display:grid;place-items:center;font-size:23px}.experience-control .scroll-resume{font:11px var(--mono);padding:5px;min-height:36px}.experience-track{position:absolute;bottom:0;height:3px;left:0;width:100%;background:#586f58;transform:scaleX(var(--ex-progress));transform-origin:left}
.comparison-section{background:#293d32;color:#edf0e7}.comparison-section .index{color:#b9c9b2}.comparison-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;margin-bottom:50px}.comparison-heading p{max-width:420px;font-size:17px;color:#c7d0c4}.comparison{max-width:1000px;margin:0 auto;--split:50%}.comparison-images{position:relative;height:580px;overflow:hidden;background:#171d17}.comparison-images img{width:100%;height:100%;object-fit:cover}.compare-render{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}.compare-rule{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#fff;pointer-events:none}.compare-rule span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border:1px solid #fff;background:#273e32;border-radius:50%;font-size:24px}.compare-tag{position:absolute;top:20px;background:#18271dde;padding:8px 14px;font:10px var(--mono);color:white}.compare-tag.first{left:20px}.compare-tag.last{right:20px}.comparison label{font:12px var(--mono);display:block;margin-top:22px}.comparison input{width:100%;accent-color:#b7c8a6;margin:15px 0;min-height:30px}.comparison>p{font-size:11px;color:#c0cbbc}
.motion-ready .reveal-part{opacity:0;transform:translateY(42px);transition:opacity .75s,transform .85s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal-part.is-visible{opacity:1;transform:none}
.craft-photo img{transform:scale(1.07) translateY(var(--craft-shift,0px));transition:transform .15s linear}.craft-photo{overflow:hidden}.craft-services details{transition:background .3s,padding .3s}.craft-services details:hover{background:#7d908010;padding-left:14px}.studio-word{transform:translateX(var(--word-shift,0px));will-change:transform}.studio-teaser{overflow:hidden}
@media(min-width:901px){.atlas-viewer{transition:transform .3s;transform:perspective(1400px) rotateY(var(--atlas-turn,0deg))}}
@media(max-width:1100px){.experience-heading{width:40%}.experience-heading h1{font-size:52px}.experience-info{width:17%;right:3%}.experience-caption{font-size:18px}.experience-bottom{gap:3%;grid-template-columns:1fr 1fr 45px}.experience-intro .hero-actions{flex-wrap:wrap;gap:8px 18px}}
@media(max-width:900px){.experience{height:200svh}.experience-sticky{top:80px;height:calc(100svh - 80px);min-height:710px}.experience-heading{top:4%;width:88%}.experience-heading .eyebrow{margin-bottom:15px}.experience-heading h1{font-size:clamp(38px,6.5vw,57px);max-width:500px}.specimen{top:23%;height:47%;width:60%;left:5%}.experience-info{top:33%;width:28%;right:var(--gutter)}.experience-caption{font-size:17px}.experience-note{font-size:9px}.experience-word{top:34%;font-size:27vw}.experience-bottom{bottom:22px;grid-template-columns:1fr 40px;gap:16px}.experience-intro{grid-column:1/-1}.experience-intro>p{font-size:12px;max-width:550px}.experience-intro .hero-actions{margin-top:10px}.experience-control button{font-size:12px;padding:8px}.experience-control button span{margin-right:7px}.experience-hint{font-size:9px}.comparison-heading{grid-template-columns:1fr;gap:24px}.comparison-images{height:440px}.comparison-heading p{font-size:15px}}
@media(max-width:480px){.experience-sticky{min-height:740px}.experience-heading h1{font-size:39px}.experience-heading .eyebrow{font-size:8px}.specimen{top:24%;height:39%;width:62%;left:0}.experience-info{top:29%;width:29%}.experience-caption{font-size:16px;margin:14px 0}.experience-info .text-link{font-size:12px}.experience-note{margin-bottom:15px}.experience-bottom{bottom:22px}.experience-intro>p{font-size:12px}.experience-word{top:34%}.experience-hint{max-width:235px;line-height:1.5}.comparison-images{height:360px}.compare-tag{font-size:8px;padding:6px;top:12px}.compare-tag.first{left:8px}.compare-tag.last{right:8px}}
@media(prefers-reduced-motion:reduce){.experience{height:auto}.experience-sticky{position:relative;top:0}.specimen-frame,.experience-word,.experience-grid,.studio-word,.atlas-viewer,.craft-photo img{transform:none!important}.specimen-reveal,.specimen-cross{display:none}.motion-ready .reveal-part{opacity:1;transform:none;transition:none}}
.specimen-reveal .specimen-image{filter:url(#line-filter)}
body:has(.experience) .site-header.menu-open nav{color:var(--paper)}
@media(max-width:900px){.experience-sticky{top:84px}}
@media(max-width:600px){.experience-sticky{top:76px}}
@keyframes specimen-arrive{from{opacity:0;translate:0 26px;scale:.94}to{opacity:1;translate:0 0;scale:1}}
.specimen-frame:not([hidden]){animation:specimen-arrive .7s cubic-bezier(.16,.8,.25,1) both}.experience-caption{animation:specimen-arrive .5s both}
.experience-intro .hero-actions{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.experience-control button,.experience-next{transition:background .2s,box-shadow .2s}.experience-control button:hover,.experience-next:hover{background:#7d90802b}.circle-link{transform:translate(var(--magnet-x,0px),var(--magnet-y,0px));transition:transform .25s,background .25s}
@media(max-width:900px){.specimen-frame[data-specimen-frame="2"]{inset:12% 0 5% 8%}}
@media(max-height:760px) and (max-width:900px){.experience{height:auto}.experience-sticky{position:relative;top:0;min-height:760px}}
@media(prefers-reduced-motion:reduce){.specimen-frame:not([hidden]){animation:none}.circle-link{transform:none}}
.experience-caption{animation:none}.experience-intro .hero-actions .text-link:hover{color:#49654f}
@media(max-width:900px){.experience-intro .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.experience-intro .hero-actions .text-link{font-size:11px;gap:8px;min-height:48px;line-height:1.4}.experience-intro .hero-actions .text-link span{font-size:18px}}
/* Model-derived particles replace the three still-image opening views. */
.cloud-experience{height:245svh}.cloud-stage{position:absolute;top:2%;left:36%;width:45%;height:76%;z-index:2;touch-action:pan-y}.cloud-canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .5s}.cloud-fallback{position:absolute;inset:4% 15%;pointer-events:none}.cloud-fallback img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.cloud-ready .cloud-canvas{opacity:1}.cloud-ready .cloud-fallback{display:none}.cloud-coordinate{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font:9px var(--mono);letter-spacing:.12em;color:#65745e}.cloud-experience .experience-word{color:#7d908013}.cloud-experience .experience-info{top:25%;width:16%}.cloud-controls{padding-top:12px;border-top:1px solid #a7b4a4}.cloud-controls .cloud-range-label{border:0;display:flex;justify-content:space-between;font:11px var(--mono)}.cloud-controls input{width:100%;accent-color:#516b53;height:28px;margin:6px 0;cursor:ew-resize}.cloud-controls>div[role="group"]{border-top:0;gap:6px}.cloud-controls button{border:1px solid #a7b4a4;text-align:center;font-size:12px;min-height:44px;padding:8px}.cloud-controls button:hover{background:#d3ddcd}.cloud-controls .experience-hint{line-height:1.5}.cloud-experience .experience-bottom{z-index:4}.cloud-experience .experience-intro .hero-actions{gap:18px}.cloud-experience .experience-intro>p{max-width:365px}
@media(max-width:1100px){.cloud-experience .experience-info{width:18%;right:3%}.cloud-stage{left:34%;width:46%}.cloud-controls button{font-size:11px}}
@media(max-width:900px){.cloud-experience{height:210svh}.cloud-experience .experience-sticky{min-height:760px}.cloud-stage{top:22%;left:0;width:67%;height:43%}.cloud-experience .experience-info{top:29%;width:29%;right:var(--gutter)}.cloud-experience .experience-caption{font-size:16px}.cloud-experience .experience-number{font-size:9px}.cloud-experience .experience-note{font-size:9px}.cloud-experience .experience-bottom{bottom:18px;gap:13px}.cloud-experience .experience-control{grid-column:1}.cloud-controls input{margin:1px 0;height:25px}.cloud-controls button{font-size:10px;padding:6px;min-height:44px}.cloud-coordinate{font-size:8px}.cloud-experience .experience-intro>p{max-width:550px}.cloud-experience .experience-hint{font-size:9px}.cloud-experience .experience-intro .hero-actions{gap:12px}.cloud-experience .experience-intro .text-link{font-size:10px;min-height:42px}.cloud-controls{padding-top:8px}}
@media(max-width:480px){.cloud-stage{top:22%;height:38%;left:-3%;width:71%}.cloud-experience .experience-sticky{min-height:768px}.cloud-experience .experience-caption{font-size:15px;margin:15px 0}.cloud-experience .experience-note{font-size:8px}.cloud-experience .experience-info{top:27%}.cloud-experience .experience-number{font-size:8px}.cloud-experience .experience-intro>p{font-size:11px}.cloud-experience .experience-heading h1{font-size:38px}.cloud-experience .experience-control{min-width:0}.cloud-controls button{font-size:9px}.cloud-experience .experience-hint{font-size:8px}}
@media(max-height:760px) and (max-width:900px){.cloud-experience{height:auto}.cloud-experience .experience-sticky{position:relative;top:0;min-height:780px}}
@media(prefers-reduced-motion:reduce){.cloud-experience{height:auto}.cloud-experience .experience-sticky{position:relative;top:0}.cloud-canvas{transition:none}}
/* Keep the tower silhouette dominant behind the denser, darker point cloud. */
.cloud-experience .experience-word{opacity:.28}.cloud-experience .experience-grid{opacity:.35}
/* Opening: a full-height tower, then the actual page advances from the distance. */
.arrival-page{position:absolute;inset:0;width:100%;height:100%;background:#eeeee7;transform-origin:50% 46%}
.arrival-model{position:absolute;top:5%;left:41%;width:32%;height:69%;mix-blend-mode:multiply}.arrival-model img{width:100%;height:100%;object-fit:contain}
.cloud-experience .experience-sticky{top:0;height:100svh;min-height:760px}
body:has(.cloud-experience) .site-header{position:fixed;top:0;left:0;right:0}
.cloud-experience{height:250svh}
.arrival-active .arrival-page{opacity:var(--arrival,0);transform:perspective(1600px) translateZ(calc((1 - var(--arrival,0))*-700px)) scale(calc(.68 + var(--arrival,0)*.32));filter:blur(calc((1 - var(--arrival,0))*6px))}
.arrival-active .site-header{opacity:var(--arrival,0);transform:translateY(calc((1 - var(--arrival,0))*-30px));visibility:visible}
.arrival-active .cloud-stage{inset:0;width:100%;height:100%;z-index:10;opacity:calc(1 - var(--arrival,0));pointer-events:auto}
.arrival-active .cloud-stage:has(+.arrival-enter[hidden]){pointer-events:none}
.arrival-active .cloud-coordinate{display:none}
.arrival-active .cloud-experience .experience-heading{top:18%}
.arrival-active .cloud-experience .experience-info{top:32%}
.arrival-active .cloud-experience .experience-bottom{bottom:6%;grid-template-columns:1fr 50px}
.arrival-enter{position:absolute;z-index:12;bottom:20px;left:50%;transform:translateX(-50%);border:0;background:none;color:#526a55;font:11px var(--mono);min-height:44px;padding:12px 20px;letter-spacing:.12em}
.arrival-enter span{margin-left:14px}.arrival-enter:hover{background:#7d908015}
.cloud-experience .experience-track{z-index:13}
.arrival-active .cloud-experience .experience-grid{opacity:.25}
body:has(.cloud-experience):not(.arrival-active) .site-header{position:sticky}
body:not(.arrival-active) .arrival-page{position:relative;min-height:900px}
body:not(.arrival-active) .cloud-stage,body:not(.arrival-active) .arrival-enter{display:none}
@media(max-width:900px){.cloud-experience{height:235svh}.cloud-experience .experience-sticky{top:0;min-height:740px;height:100svh}.arrival-active .cloud-experience .experience-heading{top:16%}.arrival-model{top:32%;left:4%;width:56%;height:40%}.arrival-active .cloud-experience .experience-info{top:35%}.arrival-active .cloud-experience .experience-bottom{bottom:7%}.arrival-active .cloud-experience .experience-intro{grid-column:1}.arrival-active .cloud-experience .experience-next{align-self:end}.arrival-active .cloud-stage{top:0;left:0;height:100%;width:100%}}
@media(max-height:760px) and (max-width:900px){.cloud-experience{height:235svh}.cloud-experience .experience-sticky{position:sticky;top:0;min-height:100svh}.arrival-active .cloud-experience .experience-heading{top:16%}.arrival-active .cloud-experience .experience-heading h1{font-size:32px}.arrival-active .cloud-experience .experience-info{top:38%}.arrival-model{top:34%;height:36%}.arrival-active .cloud-experience .experience-bottom{bottom:3%}}
@media(prefers-reduced-motion:reduce){.cloud-experience{height:auto}.cloud-experience .experience-sticky{position:relative;min-height:850px}.arrival-active .arrival-page{opacity:1;transform:none;filter:none}.arrival-active .site-header{opacity:1;transform:none}.arrival-active .cloud-stage,.arrival-enter{display:none}}
@media(min-width:901px){.arrival-model{top:13%;height:62%}}
body:not(.arrival-active) .cloud-experience{height:auto}
.cloud-experience[data-cloud-state="fallback"]{height:auto}
/* Sage architectural datum: the circle centre is the exact pointer location. */
.level-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:2147483646;pointer-events:none;visibility:hidden;color:#526a57;--cursor-paper:#f1f0ea}
.level-cursor.is-visible{visibility:visible}.level-cursor svg{position:absolute;left:-16px;top:-16px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.15;filter:drop-shadow(0 0 1px var(--cursor-paper));transition:scale .18s ease}
.level-cursor .level-fill{fill:currentColor;stroke:none}.level-value{position:absolute;left:23px;top:-8px;font:12px/16px Consolas,'Courier New',monospace;letter-spacing:.025em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 2px var(--cursor-paper),0 -1px 2px var(--cursor-paper),1px 0 2px var(--cursor-paper),-1px 0 2px var(--cursor-paper)}
.level-cursor.is-left .level-value{left:auto;right:23px}.level-cursor.is-dark{color:#c3d3ba;--cursor-paper:#17241c}.level-cursor.is-action svg{scale:1.18}.level-cursor.is-down svg{scale:.9}
@media(hover:hover) and (pointer:fine){html.level-cursor-active,html.level-cursor-active *{cursor:none!important}html.level-cursor-active iframe,html.level-cursor-active dialog,html.level-cursor-active dialog *{cursor:auto!important}html.level-cursor-active input,html.level-cursor-active textarea,html.level-cursor-active [contenteditable="true"]{cursor:text!important}}
@media(hover:none),(pointer:coarse){.level-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.level-cursor svg{transition:none}}
/* Single-card exploration after the point-cloud opening. */
.cloud-experience:has([data-deck]){height:680svh}.card-arrival{background:#eeeee7}.discovery-deck{height:100%;padding:112px max(7vw,24px) 30px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px}
.deck-heading{text-align:center}.deck-heading>.small-label{font-size:10px;letter-spacing:.18em;color:#5a705c}.deck-heading h2{font-size:clamp(42px,6.5vw,100px);font-weight:550;letter-spacing:-.065em;line-height:1.05;margin:8px 0 12px}.deck-label{font:10px/1.4 var(--mono);letter-spacing:.08em;margin:auto}
.deck-stage{position:relative;width:min(100%,1060px);margin:0 auto;perspective:1400px;min-height:0}.deck-card{position:absolute;inset:0;opacity:0;transform:translateY(60px) rotateX(-9deg) scale(.93);transform-origin:center bottom;transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .6s;pointer-events:none}.deck-card.is-past{transform:translateY(-70px) rotateX(9deg) scale(.96)}.deck-card.is-current{opacity:1;transform:none;pointer-events:auto;z-index:2}.deck-card>a{display:block;position:relative;height:calc(100% - 28px);overflow:hidden;border-radius:14px;background:#273d32;color:white;isolation:isolate}.deck-card-art{position:absolute;inset:0;overflow:hidden}.deck-card-art img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.deck-card a:hover .deck-card-art img{transform:scale(1.035)}.deck-card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#10271d15 45%,#0e1f17dd 100%)}.deck-card-0 img{object-position:50% 38%}.deck-card-1 img{object-position:50% 65%}.deck-card-3 .deck-card-art{background:#fff}.deck-card-3 .deck-card-art img{object-fit:contain;padding:25px 0 100px}.deck-card-3 .deck-card-art:after{background:linear-gradient(transparent 55%,#1c332aaa 100%)}
.deck-card-copy{position:absolute;left:35px;right:35px;bottom:30px;display:flex;justify-content:space-between;gap:30px;align-items:end}.deck-card-copy h3{font-size:clamp(23px,2.7vw,40px);font-weight:400;letter-spacing:-.04em;margin-top:10px;max-width:580px}.deck-card-copy .small-label{font-size:10px;color:#d1ddca}.deck-card-action{font-size:12px;white-space:nowrap;border-bottom:1px solid #d0d9cd;padding:8px 0}.deck-card-action b{font-size:23px;font-weight:400;margin-left:25px}.deck-credit{font:9px/1.4 var(--mono);color:#607063;text-align:right;margin-top:9px;max-width:none}
.deck-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;font:11px var(--mono)}.deck-navigation{display:flex;gap:6px}.deck-navigation button{background:none;border:0;border-bottom:1px solid transparent;min-width:44px;min-height:44px;color:#526a57;font:12px var(--mono)}.deck-navigation button[aria-pressed="true"]{border-color:#526a57;background:#7d908015}.deck-navigation button:hover{background:#7d908020}.deck-continue{padding:14px 0;border-bottom:1px solid #b2bcae}.deck-instruction{color:#607063}
@media(max-width:900px){.discovery-deck{padding:104px 24px 22px;gap:22px}.deck-heading h2{font-size:clamp(35px,7vw,66px)}.deck-card-copy{left:22px;right:22px;bottom:24px;display:block}.deck-card-copy h3{font-size:27px}.deck-card-action{display:inline-block;margin-top:14px}.deck-instruction{display:none}.deck-footer{gap:10px;flex-wrap:wrap;justify-content:center}.deck-continue{font-size:10px}.deck-card-3 .deck-card-art img{padding:35px 25px 140px}.deck-credit{font-size:8px}.deck-stage{min-height:300px}.cloud-experience:has([data-deck]) .experience-sticky{min-height:760px}}
@media(max-width:480px){.discovery-deck{padding:110px 20px 18px;gap:16px}.deck-heading h2{font-size:39px;line-height:1.05}.deck-heading>.small-label{font-size:8px}.deck-label{font-size:8px}.deck-card-copy h3{font-size:25px}.deck-card-copy{left:20px;right:20px}.deck-card-action{font-size:11px}.deck-card>a{border-radius:10px}.deck-navigation button{min-width:40px}.deck-footer{gap:5px}.deck-continue{min-height:40px;padding:10px}}
body:not(.arrival-active) .cloud-experience:has([data-deck]),.cloud-experience[data-cloud-state="fallback"]:has([data-deck]){height:auto}
body:not(.arrival-active) .discovery-deck, .cloud-experience[data-cloud-state="fallback"] .discovery-deck{height:auto;display:block}
body:not(.arrival-active) .deck-stage{display:grid;gap:35px}.cloud-experience[data-cloud-state="fallback"] .deck-stage{height:500px}
body:not(.arrival-active) .deck-card{position:relative;opacity:1;transform:none;pointer-events:auto;height:500px}
@media(prefers-reduced-motion:reduce){.cloud-experience:has([data-deck]){height:auto}.card-arrival{position:relative}.discovery-deck{display:block;height:auto}.deck-stage{display:grid;gap:35px;margin-top:30px}.deck-card{position:relative;opacity:1;transform:none;pointer-events:auto;height:480px;transition:none}.deck-card.is-past{transform:none}.deck-navigation,.deck-instruction{display:none}.cloud-experience:has([data-deck]) .experience-sticky{height:auto}.deck-card-art img{transition:none}}
.deck-heading>.small-label{margin-inline:auto}
@media(min-width:901px){.deck-stage{max-height:62svh;align-self:center;height:100%}}
body:not(.arrival-active) .deck-navigation,body:not(.arrival-active) .deck-instruction{display:none}

/* Original supplied wordmark: crop only the surrounding white space in layout. */
body .site-header .brand.brand-wordmark{width:174px;padding:0;background:transparent;top:50%;transform:translateY(-50%);border:0;mix-blend-mode:multiply}
.wordmark-crop{display:block;position:relative;width:100%;aspect-ratio:1046/452;overflow:hidden}
body .site-header .brand-wordmark img{position:absolute;width:127.534%;max-width:none;height:auto;left:-13.862%;top:-97.566%}
@media(max-width:900px){body .site-header .brand.brand-wordmark{width:140px}}
@media(max-width:480px){body .site-header .brand.brand-wordmark{width:112px}}

/* Shared light masthead keeps the original sage wordmark consistent on every page. */
.site-header{background:#f6f5f0;color:#273d32;border-color:#c6cdc4}
.site-header nav a:after{background:#45614c}
.site-header.menu-open nav{background:#f6f5f0}

/* Six survey marks: mirrored along the sides and bottom edge. */
.viewport-datums{position:fixed;inset:0;z-index:45;pointer-events:none;--datum-inset:22px;--datum-angle:0deg;--datum-offset:clamp(70px,30vmin,360px)}
.viewport-datum{position:absolute;width:24px;height:24px;color:#526a57;transform:translate(-50%,-50%) rotate(var(--datum-angle));transition:transform .16s ease-out}
.viewport-datum:before,.viewport-datum:after{content:'';position:absolute;background:currentColor;box-shadow:0 0 1px #f6f5f050}
.viewport-datum:before{width:24px;height:1.5px;left:0;top:11.25px}
.viewport-datum:after{height:24px;width:1.5px;left:11.25px;top:0}
.viewport-datum:nth-child(1){left:calc(100% - var(--datum-inset));top:var(--datum-offset)}
.viewport-datum:nth-child(2){left:calc(100% - var(--datum-inset));top:calc(100% - var(--datum-offset))}
.viewport-datum:nth-child(3){left:calc(100% - var(--datum-offset));top:calc(100% - var(--datum-inset))}
.viewport-datum:nth-child(4){left:var(--datum-offset);top:calc(100% - var(--datum-inset))}
.viewport-datum:nth-child(5){left:var(--datum-inset);top:calc(100% - var(--datum-offset))}
.viewport-datum:nth-child(6){left:var(--datum-inset);top:var(--datum-offset)}
@media(max-width:650px){.viewport-datums{--datum-inset:11px}.viewport-datum{scale:.75}}
@media(prefers-reduced-motion:reduce){.viewport-datum{transition:none;transform:translate(-50%,-50%)}}
@media print{.viewport-datums{display:none}}



/* Native scroll distance, rather than a timed slide, controls every transition frame. */
.deck.is-scrubbing .deck-card,.discovery-deck.is-scrubbing .deck-card{transition:none;will-change:transform,opacity}
/* Decorative mouse history never captures clicks or enters the accessibility tree. */
.cursor-polyline{position:fixed;inset:0;width:100%;height:100%;z-index:2147483645;pointer-events:none;overflow:hidden}
.cursor-polyline path{fill:none;stroke:#526a57;stroke-width:1.15;stroke-linecap:square;stroke-linejoin:miter;animation:polyline-fade 2.6s linear forwards}
.cursor-polyline path.on-dark{stroke:#b0c0a6}
@keyframes polyline-fade{0%,12%{opacity:.52}65%{opacity:.2}100%{opacity:0}}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-polyline{display:none}}
@media print{.cursor-polyline{display:none}}

/* A shared drawing plane: the grid and fixed card coordinates move together. */
.discovery-deck{position:relative;isolation:isolate;overflow:hidden}
.discovery-deck:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:#eeeee7;background-image:linear-gradient(#526a5714 1px,transparent 1px),linear-gradient(90deg,#526a5714 1px,transparent 1px),linear-gradient(#526a5720 1px,transparent 1px),linear-gradient(90deg,#526a5720 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px,160px 160px;background-position:var(--plane-x,0px) var(--plane-y,0px)}
.discovery-deck .deck-stage{width:min(100%,960px);perspective:none;clip-path:inset(-18px -100vw -18px -100vw)}
.discovery-deck .deck-heading,.discovery-deck .deck-footer{position:relative;z-index:3;background:#eeeee7eb;box-shadow:0 0 28px 22px #eeeee7eb}
.discovery-deck.is-scrubbing .deck-card{transform-origin:center;will-change:transform;filter:drop-shadow(0 10px 15px #233c2d12)}
.deck-plane-readout{position:absolute;right:max(7vw,24px);top:150px;display:flex;gap:10px;align-items:center;font:10px var(--mono);color:#526a57;z-index:4;pointer-events:none}
.deck-plane-readout>span:first-child{font-size:21px}
@media(max-width:900px){.deck-plane-readout{top:auto;bottom:90px;right:24px;font-size:9px}.discovery-deck:before{background-size:24px 24px,24px 24px,120px 120px,120px 120px}}
@media(prefers-reduced-motion:reduce){.discovery-deck .deck-stage{clip-path:none}.deck-plane-readout{display:none}}

/* Spatial gallery: upright panels suspended above a perspective drawing floor. */
.discovery-deck:before{background-image:radial-gradient(ellipse at 50% 40%,#f7f7f0,#e1e6da);background-size:auto;background-position:center}
.discovery-deck .deck-stage{perspective:1200px;perspective-origin:50% 42%;clip-path:none;transform-style:preserve-3d;width:min(100%,900px)}
.deck-ground{position:absolute;inset:-220%;pointer-events:none;transform-origin:center;backface-visibility:hidden;background-image:linear-gradient(#526a5727 1px,transparent 1px),linear-gradient(90deg,#526a5727 1px,transparent 1px),linear-gradient(#526a5740 1px,transparent 1px),linear-gradient(90deg,#526a5740 1px,transparent 1px);background-size:40px 40px,40px 40px,200px 200px,200px 200px;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);will-change:transform}
.discovery-deck.is-scrubbing .deck-card{filter:none;backface-visibility:hidden;transform-style:preserve-3d}
.discovery-deck .deck-card>a{box-shadow:12px 22px 45px #21392b24,1px 1px 0 #ffffff9c;border:1px solid #6e846c40;border-radius:6px}
.discovery-deck .deck-card-1{width:64%;left:18%;right:auto}
.discovery-deck .deck-card-1 .deck-card-copy{display:block}.deck-card-1 .deck-card-action{display:inline-block;margin-top:12px}
.deck-card-2 .deck-card-art{background:#f6f5f0}.deck-card-2 .deck-card-art img{object-fit:contain;mix-blend-mode:multiply;padding:0 8% 90px}.deck-card-2 .deck-card-art:after{background:linear-gradient(transparent 45%,#20362ae6)}
.deck-plane-readout{top:auto;bottom:84px;background:#eeeee7d9;padding:8px 12px;border:1px solid #526a5720}
@media(max-width:900px){.discovery-deck .deck-stage{perspective:850px}.discovery-deck .deck-card-1{width:92%;left:4%}.deck-plane-readout{bottom:110px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.deck-ground{display:none}.discovery-deck .deck-stage{perspective:none;transform-style:flat}.discovery-deck .deck-card-1{width:100%;left:0}}
body:not(.arrival-active) .deck-ground,.cloud-experience[data-cloud-state="fallback"] .deck-ground{display:none}
/* Clipping must not create an independently scrollable camera viewport. */
.discovery-deck,.cloud-experience .experience-sticky{overflow:clip}

/* Titles belong to their panel; the camera rotates to each panel normal. */
.discovery-deck{grid-template-rows:minmax(0,1fr) auto;padding-top:190px}
.discovery-deck .deck-heading.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;box-shadow:none;overflow:hidden}
.deck-card-title{position:absolute;left:0;bottom:100%;width:100%;padding-bottom:20px;font-size:clamp(30px,4.3vw,66px);line-height:1.05;font-weight:500;letter-spacing:-.055em;color:#24382c;pointer-events:none;text-shadow:0 2px 18px #eeeee7}
.deck-card-1 .deck-card-title{font-size:clamp(30px,3.2vw,48px)}
@media(max-width:900px){.discovery-deck{padding-top:180px}.deck-card-title,.deck-card-1 .deck-card-title{font-size:34px;padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.deck-card-title{position:relative;padding:0 0 18px}.deck-stage{gap:95px}.discovery-deck{padding-top:120px}}
body:not(.arrival-active) .deck-card-title{position:relative}

/* Every visible panel is a real page link, including neighbouring panels. */
.discovery-deck.is-scrubbing .deck-card{pointer-events:auto}
.about-copy{display:grid;gap:22px;margin:28px 0}.about-copy p{font-size:18px;line-height:1.8;max-width:65ch}
@media(max-width:650px){.about-copy p{font-size:16px}.about-copy{gap:18px}}
/* Let projected card faces receive hits behind the transparent camera plane. */
.discovery-deck .deck-stage{pointer-events:none}
.discovery-deck .deck-card>a{pointer-events:auto}