/* Measured craft: golden proportion, responsive content, human brushwork.
   Architectural references belong to page surfaces, never to the logo. */
body{line-height:1.618}
h1{font-size:clamp(2.618rem,4.8vw,4.236rem);line-height:1.12;letter-spacing:-.035em;margin-bottom:var(--omeya-space-6)}
h2{font-size:clamp(2.058rem,3.2vw,2.618rem);line-height:1.2;margin-bottom:var(--omeya-space-4)}
h3{font-size:var(--omeya-type-1)}
p{margin-bottom:var(--omeya-space-4)}
.wrap{max-width:1360px;padding-inline:clamp(1.309rem,4vw,3.427rem)}
section{padding-block:clamp(3.427rem,7vw,5.545rem)}
.section-head{margin-bottom:var(--omeya-space-8)}
.section-head>p:last-child{max-width:55ch}
.eyebrow,.tag,.tool-status{letter-spacing:.12em;color:var(--slate)}
.site-head{background:color-mix(in srgb,var(--paper) 96%,transparent)}
.site-head .wrap{min-height:89px}
.site-nav a{position:relative;border:0}
.site-nav a::after{content:"";height:2px;position:absolute;inset:auto 0 4px;background:var(--omeya-utility-gold);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.site-nav a:hover::after,.site-nav a[aria-current]::after{transform:scaleX(1)}
.btn{position:relative;overflow:hidden;isolation:isolate;min-height:48px;padding:.809rem 1.309rem;transition:box-shadow .22s,background .22s,transform .22s}
.btn::before{content:"";position:absolute;z-index:-1;width:170%;aspect-ratio:1;left:-35%;top:50%;border-radius:50%;background:var(--omeya-utility-gold);transform:translateY(-50%) scale(0);transition:transform .42s cubic-bezier(.2,.7,.3,1)}
.btn:hover::before{transform:translateY(-50%) scale(1)}
.btn:hover{border-color:var(--omeya-utility-gold);color:white;box-shadow:0 4px 13px #173b5012}
.btn.ghost::before{background:var(--omeya-gold-soft)}
.btn.ghost:hover{color:var(--deep)}
.text-link{min-height:44px;gap:.809rem}
.text-link span{transition:transform .22s}
.text-link:hover span{transform:translateX(4px)}
.hero{position:relative;padding-block:clamp(3.427rem,6vw,5.545rem);overflow:clip}
.hero .wrap{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:clamp(2.118rem,5vw,5.545rem)}
.hero h1{max-width:18ch}
.hero .sub{font-size:1rem;max-width:52ch}
.hero-actions{gap:.809rem 2.118rem;margin-top:var(--omeya-space-6)}
.hero-art{min-width:0;position:relative;display:block;padding:0}
.construction-art{display:block;width:100%;height:auto;max-width:440px;margin:auto;overflow:visible}
.construction-art{transform-origin:50% 50%}
.motion-enabled [data-construction]:not([data-motion-state="settled"]) [data-rest]{opacity:0}
.practice{gap:var(--omeya-space-6)}
.practice article{position:relative;padding-top:var(--omeya-space-4);border-top-color:#abb7b8}
.practice article::before{content:"";width:38.1966%;height:2px;background:var(--omeya-utility-gold);position:absolute;left:0;top:-1px;transform-origin:left;transition:width .35s}
.practice article:hover::before{width:61.8034%}
.practice h3{font-size:var(--omeya-type-2);line-height:1.272}
.practice .number{font-size:.8125rem}
.practice p{font-size:1rem}
.section-split{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--omeya-space-8)}
.work-row{grid-template-columns:minmax(0,1fr) minmax(0,1.618fr);gap:var(--omeya-space-6);padding-block:var(--omeya-space-4)}
.tint{background:#F0F1EB}
.tool-card{min-width:0;padding:var(--omeya-space-4);border-color:#cbd0c7;background:var(--paper);border-radius:2px;gap:0}
.tool-card h2,.tool-card h3{font:400 var(--omeya-type-2)/1.272 var(--serif);margin:.809rem 0}
.tool-card>p{font-size:1rem;line-height:1.618}
.tool-card>.tool-status{margin:0}
.tools-grid{gap:var(--omeya-space-4)}
.tool-preview{margin:0 0 var(--omeya-space-4);padding:0;min-width:0;position:relative}
.demo-canvas{aspect-ratio:1.618;overflow:hidden;position:relative;background:#F0EEE6;border:1px solid #d7d6ca;border-bottom:2px solid var(--omeya-utility-gold)}
.demo-drawing{display:block;width:100%;height:100%}
.demo-drawing text{font-family:var(--sans)}
.preview-label{display:block;font-size:.75rem;color:var(--slate);letter-spacing:.025em;margin:.65rem 0 0;line-height:1.5}
.demo-drawing [data-appear],.demo-drawing [data-area]{transform-box:fill-box;transform-origin:center}
.demo-canvas{border-bottom-width:1px;background:#0e2431}
.tool-preview{margin-bottom:var(--omeya-space-4)}
.spatial-view{position:relative;width:100%;height:100%;overflow:hidden;background:#0e2431;isolation:isolate}
.spatial-poster,.spatial-view canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.spatial-view canvas{opacity:0}
.spatial-view canvas.is-ready{opacity:1}
.spatial-view::after{content:"";position:absolute;inset:0;background:linear-gradient(#081c2850,transparent 27%,transparent 76%,#081c2840);pointer-events:none}
.spatial-label{position:absolute;z-index:2;left:14px;top:12px;font:500 .75rem/1.5 var(--sans);letter-spacing:.055em;color:#f0f7f6;text-shadow:0 1px 8px #061b2c}
.spatial-corners{position:absolute;z-index:2;inset:10px;background:linear-gradient(#8dd5e2,#8dd5e2) left top/17px 1px no-repeat,linear-gradient(#8dd5e2,#8dd5e2) left top/1px 17px no-repeat,linear-gradient(#8dd5e2,#8dd5e2) right bottom/17px 1px no-repeat,linear-gradient(#8dd5e2,#8dd5e2) right bottom/1px 17px no-repeat;opacity:calc(.15 + var(--hologram,0)*.6);pointer-events:none}
.spatial-note{position:absolute;z-index:3;left:var(--observation-x,52%);top:56%;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#0c2331d9;border:1px solid #8dd5e24d;color:#d0edf0;font:400 .6875rem/1.4 var(--sans);white-space:nowrap;opacity:var(--observation-opacity,0);pointer-events:none}
.spatial-note span{display:block;width:4px;height:4px;border-radius:50%;background:#e7c779}
@media(hover:hover) and (pointer:fine){.tool-card{transition:transform .45s cubic-bezier(.2,.65,.3,1),box-shadow .45s}.tool-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px #173b500b}}
.tool-card>.text-link,.tool-card>.btn{margin-top:auto}
.tool-card>p:last-child{margin-top:1.309rem;margin-bottom:0;font-size:.875rem}
.principle-strip{position:relative;overflow:hidden;background:#173B50;color:#fff}
.principle-strip .wrap{display:grid;grid-template-columns:1.618fr 1fr;gap:var(--omeya-space-8);align-items:center}
.principle-strip h2,.principle-strip p{color:#fff}
.principle-strip .eyebrow{color:#eedaa9}
.principle-strip .text-link{color:#fff}
.building-study{width:100%;height:auto;max-height:300px}
.building-study .outline{stroke:#e3bd68;stroke-width:1.3;fill:none}
.building-study .wall{fill:#ffffff08;stroke:#ffffff60;stroke-width:1}
.building-study .dimension{stroke:#b8c8cc;stroke-width:.65;fill:none}
.building-study text{fill:#d8e1df;font:10px var(--sans);letter-spacing:1px}
.enquiry-section{background:var(--omeya-gold-soft);border-top-color:#d4c49e}
.site-foot{background:var(--paper)}
/* Layered edges on page surfaces suggest joinery and framed openings. */
.source-note,.subblock{border-left:2px solid var(--omeya-utility-gold);padding:var(--omeya-space-4);box-shadow:inset 5px 0 0 var(--paper),inset 6px 0 0 #d7c99f}
.page-intro{position:relative;border-bottom:1px solid #d7d6ca}
.page-intro::after{content:"";position:absolute;bottom:-1px;left:0;width:38.1966%;height:2px;background:var(--omeya-utility-gold)}
.system-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--omeya-space-6)}
.system-panel{min-width:0;padding:var(--omeya-space-6);border:1px solid var(--line);background:var(--paper)}
.system-panel svg{max-width:100%;height:auto}
.system-panel code{font-size:.875rem;overflow-wrap:anywhere}
.system-panel input[type=range]{width:100%;min-height:44px;accent-color:var(--deep)}
.system-swatch{display:flex;flex-wrap:wrap;gap:.809rem}
.system-swatch span{min-height:55px;padding:.809rem;background:var(--omeya-gold-soft)}
@media(min-width:1600px){.hero .wrap{gap:var(--omeya-space-12)}.hero-art{padding:var(--omeya-space-4) 0}}
@media(max-width:1099px){.tools-grid{grid-template-columns:1fr}.tool-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--omeya-space-6);align-items:start}.tool-card>.tool-preview{grid-column:1;grid-row:1/6;margin:0}.tool-card>.tool-status,.tool-card>h2,.tool-card>h3,.tool-card>p,.tool-card>a{grid-column:2}.tool-card>.btn,.tool-card>.text-link{justify-self:start}.tool-card>h2,.tool-card>h3{margin-top:.5rem}.practice{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:clamp(2.618rem,5vw,3.33rem)}}
@media(max-width:767px){.hero .wrap{grid-template-columns:1fr;gap:var(--omeya-space-6)}.hero h1{font-size:clamp(2.618rem,8vw,3.33rem)}.hero-art{max-width:330px;width:76%;justify-self:center}.hero .sub{font-size:1rem}.hero{padding-block:var(--omeya-space-6)}.section-split,.principle-strip .wrap,.system-study{grid-template-columns:1fr;gap:var(--omeya-space-6)}.building-study{max-height:240px}.hero-actions{gap:.809rem 1.309rem}.section-head{margin-bottom:var(--omeya-space-6)}.work-row{grid-template-columns:1fr;gap:.809rem}.site-head .wrap{min-height:76px}.enquiry-section h2{font-size:var(--omeya-type-3)}}
@media(max-width:639px){.tool-card{display:flex;padding:var(--omeya-space-4)}.tool-card>.tool-preview{width:100%;margin-bottom:var(--omeya-space-4)}.tool-card>p{flex:initial}.tool-card>.text-link,.tool-card>.btn{margin-top:.5rem}.hero-art{width:75%;max-width:280px}.hero .wrap{gap:var(--omeya-space-4)}.practice{gap:var(--omeya-space-6) var(--omeya-space-4)}.practice h3{font-size:var(--omeya-type-1)}.practice p{font-size:.9375rem}.principle-strip{padding-block:var(--omeya-space-8)}.grid{gap:var(--omeya-space-4)}}
@media(max-width:359px){.practice{grid-template-columns:1fr}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{width:85%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.btn::before{display:none}}
@media print{.hero-art{max-width:200px}.principle-strip{background:#fff;color:#000}.principle-strip h2,.principle-strip p{color:#000}}

/* A larger spatial window on the tools page lets the source imagery breathe. */
.tools-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-card.spatial-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);column-gap:var(--omeya-space-6);align-items:start}
.spatial-feature>.tool-preview{grid-column:1;grid-row:1/7;margin:0}
.spatial-feature>.tool-status,.spatial-feature>h2,.spatial-feature>p,.spatial-feature>a{grid-column:2}
.tool-card.spatial-feature>h2{font-size:var(--omeya-type-3);margin-top:.809rem}
.tool-card.spatial-feature>.btn{justify-self:start;align-self:end;margin-top:1.309rem}
.tools-showcase>.tool-card:not(.spatial-feature){display:flex}
@media(max-width:767px){.tools-showcase{grid-template-columns:1fr}.tool-card.spatial-feature{display:flex}.spatial-feature>.tool-preview{width:100%;margin-bottom:var(--omeya-space-4)}.tool-card.spatial-feature>.btn{align-self:flex-start}}