/* SILL: free MotionSites Velorah prompt adapted to an architectural studio. */
:root{--paper:#f7f8f6;--ink:#23302c;--accent:#40614e;--surface:#e7ebe3;--muted:color-mix(in srgb,var(--ink) 76%,var(--paper));--gutter:48px;--section:96px;--display:Albert,SUIT,sans-serif;--button-radius:2px}
.hero{padding:48px var(--gutter) 32px}.hero-copy{text-align:center;margin:0 auto 40px;max-width:720px}.hero-category{margin-bottom:16px}.hero h1{font-size:clamp(36px,4vw,56px)}.hero-lead{margin:20px auto 0;max-width:540px}.photo-ribbon{max-width:1600px;margin:auto;align-items:center;gap:24px}.photo-ribbon figure{flex-basis:calc((100% - 48px)/3)}.photo-ribbon figure:nth-child(2){flex-basis:calc((100% - 48px)/3 + 5%)}.photo-ribbon figure:first-child,.photo-ribbon figure:last-child{flex-shrink:1}.photo-ribbon img{height:380px}.photo-ribbon figure:nth-child(2) img{height:420px}.photo-ribbon figcaption{display:flex;justify-content:space-between;gap:16px}.photo-ribbon figcaption span{color:var(--muted)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;max-width:1360px;margin:24px auto 0;gap:24px;font-size:14px}@media(max-width:650px){.hero{padding-top:32px}.hero-copy{text-align:left;margin-bottom:32px}.hero-lead{margin:20px 0 0}.photo-ribbon{gap:12px;margin-right:-20px}.photo-ribbon figure,.photo-ribbon figure:nth-child(2){flex:0 0 85%}.photo-ribbon img,.photo-ribbon figure:nth-child(2) img{height:330px}.photo-ribbon figcaption{display:block}.photo-ribbon figcaption span{display:block}.hero-bottom{display:block}.hero-bottom>p{margin-top:16px}}
.entries{display:grid;gap:32px}.entry{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.entry-media{aspect-ratio:16/10}.entry-copy{padding:24px 0;max-width:440px}.entry-copy h3{font-size:28px}.entry:nth-child(even) .entry-media{order:2}.entry:nth-child(even) .entry-copy{padding-left:8%}@media(max-width:650px){.entries{gap:40px}.entry{display:block}.entry:nth-child(even) .entry-copy{padding-left:0}.entry-copy{padding-top:20px}.entry-copy h3{font-size:24px}}


@media(max-width:1000px){:root{--gutter:32px}}@media(max-width:650px){:root{--gutter:20px;--section:64px}}

/* Reviewed mobile and crop adjustments */
@media(max-width:650px){.photo-ribbon figure:first-child,.photo-ribbon figure:last-child{flex:0 0 85%}}
@media(max-width:400px){.hero h1{font-size:30px}}

/* Velorah free prompt: fullscreen cinematic image, glass navigation, centered serif type. */
:root{--paper:#071d2a;--ink:#f5f7f6;--accent:#dbe8e4;--surface:#173546;--muted:#c3cfce;--gutter:32px;--display:Cormorant,Georgia,serif;--button-radius:999px}
body{background:var(--paper);color:var(--ink)}.brand-header{position:fixed;left:0;right:0;top:0;padding:20px max(24px,5vw);background:rgba(7,29,42,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:0;z-index:30;color:#fff}.brand-logo span{font-family:Cormorant,Georgia,serif;font-size:31px;letter-spacing:-.04em}.brand-logo sup{font-family:SUIT,sans-serif;font-size:10px;margin-left:2px}.brand-header nav{gap:24px}.brand-header nav a{color:#d7e0df}.brand-header .nav-cta{min-height:40px;padding:8px 18px;background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 1px 1px #fff3;backdrop-filter:blur(4px)}
.cinema-hero{min-height:100svh;height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff;text-align:center;padding:120px 24px 96px}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:#071d2a}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#071d2a55,#071d2a33 45%,#071d2aaf)}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.7) brightness(.72)}.cinema-hero .hero-copy{max-width:900px;margin:0;position:relative}.cinema-hero .hero-category{font-size:13px;letter-spacing:.08em;margin-bottom:24px;color:#d8e3e1}.cinema-hero h1{font-family:Cormorant,Georgia,serif;font-size:clamp(58px,9vw,132px);font-weight:400;line-height:.92;letter-spacing:-.055em}.cinema-hero h1 em{font-style:normal;color:#b7c9c7}.cinema-hero .hero-lead{max-width:510px;margin:32px auto 0;color:#d3dfdd;font-size:17px}.cinema-hero .hero-cta{margin-top:40px;background:#f5f7f6;color:#071d2a;padding:14px 26px;box-shadow:none}.hero-stamp{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:12px;color:#d3dfdd;letter-spacing:.08em;white-space:nowrap}.collection,.story,.process,.experience,.faq,.brand-footer{background:var(--paper);color:var(--ink)}.collection .section-top p,.story-copy p,.process p,.form-note{color:var(--muted)}.entry-media,.experience{background:var(--surface)}.primary{background:var(--ink);color:var(--paper)}
@media(max-width:650px){:root{--gutter:20px}.brand-header{padding:14px 20px}.brand-header nav{top:100%;background:rgba(7,29,42,.96);padding:12px 20px 20px}.brand-header nav a{color:#fff}.cinema-hero{padding:110px 20px 100px;min-height:100svh}.cinema-hero h1{font-size:clamp(54px,16vw,82px)}.cinema-hero .hero-lead{font-size:15px;line-height:1.8}.hero-stamp{bottom:24px;font-size:10px}.collection,.story,.process,.experience,.faq,.brand-footer{background:var(--paper)}}