@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ink:#11110f;--orange:#d94b32;--white:#faf9f5;--stone:#d7d4cc;--blue:#243247;--line:rgba(17,17,15,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}.site-header{height:92px;background:var(--ink);color:var(--white);display:grid;grid-template-columns:245px 1fr auto;align-items:center;padding:10px 28px;position:sticky;top:0;z-index:20;border-bottom:1px solid #333}.brand{height:70px;width:180px;overflow:hidden;display:flex;align-items:center}.brand img{width:175px}.site-header nav{display:flex;justify-content:center;gap:42px;font-size:.78rem;font-weight:800;text-transform:uppercase}.site-header nav a:hover{color:var(--orange)}.book{background:var(--orange);padding:15px 18px;text-transform:uppercase;font-weight:800;font-size:.78rem}.book span{margin-left:32px}.hero{height:calc(100vh - 92px);min-height:650px;position:relative;background:#000;color:var(--white);overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 50%)}.room-number{position:absolute;top:30px;right:32px;font-size:.7rem;font-weight:800;letter-spacing:.08em}.room-number span{color:var(--orange);padding:0 9px}.hero-copy{position:absolute;left:3.2vw;bottom:7vh;width:min(850px,75vw)}.eyebrow,.section-tag{text-transform:uppercase;font-size:.72rem;letter-spacing:.06em;font-weight:800}.eyebrow{display:inline-block;border-top:3px solid var(--orange);padding-top:10px}.hero h1,.grid-section h2,.rooms h2,.work h2,.process h2,.checkout h2{font-family:'Archivo Black',Arial Black,sans-serif;line-height:.84;letter-spacing:-.035em;margin:.22em 0;text-transform:uppercase}.hero h1{font-size:clamp(4.6rem,9vw,9.2rem)}.hero h1 span,.grid-section h2 span,.process h2 span,.checkout h2 span{color:var(--orange)}.intro{max-width:680px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.5}.key-cta{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.5);padding:12px 16px;margin-top:15px;text-transform:uppercase;font-weight:800;font-size:.72rem}.key-cta img{width:34px}.key-cta span{margin-left:25px}.availability{position:absolute;right:32px;bottom:28px;background:rgba(17,17,15,.86);padding:15px 18px;display:grid;grid-template-columns:10px auto;gap:2px 10px}.availability .light{width:8px;height:8px;border-radius:50%;background:var(--orange);grid-row:1/3;margin-top:4px}.availability b{font-size:.68rem}.availability small{font-size:.55rem;color:var(--stone)}.marquee{overflow:hidden;background:var(--orange);color:var(--white);padding:15px 0;font-weight:900;font-size:.78rem;white-space:nowrap}.marquee div{animation:scroll 25s linear infinite;width:max-content}.marquee span{color:var(--ink)}@keyframes scroll{to{transform:translateX(-35%)}}
.grid-section{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;padding:110px 3.2vw;position:relative;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:calc(100%/12) 100%;background-position:3.2vw 0}.grid-section>.section-tag{position:absolute;top:35px;left:3.2vw}.grid-section h2{font-size:clamp(3.5rem,6.8vw,7.6rem)}.manifesto-copy{padding-top:25px;background:var(--white)}.manifesto-copy .lead{font-size:1.55rem;line-height:1.32;font-weight:700}.manifesto-copy>p:not(.lead){font-size:1.05rem;line-height:1.65;max-width:620px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);margin-top:60px}.stats div{padding:20px 12px 10px 0;border-right:1px solid var(--ink)}.stats strong{font-family:'Archivo Black';display:block;color:var(--orange);font-size:3.8rem;line-height:1}.stats span{font-size:.75rem;font-weight:700;text-transform:uppercase}.rooms{background:var(--stone);padding:90px 3.2vw}.rooms-head,.work-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.rooms h2,.work h2{font-size:clamp(3.5rem,6.4vw,7rem);margin-bottom:0}.rooms-head>p{max-width:260px;font-size:1.15rem;font-weight:700}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.room-card{min-height:470px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px;display:flex;flex-direction:column;justify-content:space-between;background:var(--white);position:relative;overflow:hidden}.room-card>span,.room-card>b{font-size:.65rem;letter-spacing:.06em}.room-card img{width:74px;filter:none}.room-card h3{font-family:'Archivo Black';font-size:clamp(2rem,3.1vw,3.4rem);line-height:.88;margin:0 0 20px}.room-card p{font-size:.93rem;line-height:1.5;max-width:330px}.room-card.featured{background:var(--white)}.room-card.dark{background:var(--ink);color:var(--white)}.room-card.blue{background:var(--blue);color:var(--white)}.room-card.orange{background:var(--orange);color:var(--white)}.room-card.image-card{color:var(--white);background:linear-gradient(rgba(0,0,0,.28),rgba(0,0,0,.75)),var(--bg) center/cover}.work{padding:100px 3.2vw;background:var(--white)}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid var(--ink);background:transparent;padding:9px 13px;text-transform:uppercase;font-size:.64rem;font-weight:800;cursor:pointer}.filters button.active,.filters button:hover{background:var(--orange);color:white;border-color:var(--orange)}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:7px}.project{margin:0;position:relative;overflow:hidden;background:var(--ink)}.project.wide{grid-column:span 2}.project.tall{grid-row:span 2}.project img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s}.project figcaption{position:absolute;inset:auto 0 0;padding:45px 15px 14px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:white;display:flex;justify-content:space-between;align-items:end}.project b{font-family:'Archivo Black';font-size:1.05rem}.project span{font-size:.62rem;text-transform:uppercase}.project:hover img{transform:scale(1.03);opacity:.85}.project.hidden{display:none}.work-note{text-align:right;font-size:.7rem;color:#666}.model{background-color:var(--ink);color:var(--white);background-image:linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px)}.model h2{grid-column:1/3}.stay-options{grid-column:1/3;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #555;background:var(--ink)}.stay-options article{padding:28px;min-height:290px;display:flex;flex-direction:column;border-right:1px solid #555}.stay-options article:last-child{border:0}.stay-options span{font-size:.65rem;color:var(--orange)}.stay-options h3{font-family:'Archivo Black';font-size:1.7rem}.stay-options p{line-height:1.55;color:var(--stone)}.stay-options b{margin-top:auto;font-size:.7rem;color:var(--orange)}.process{display:grid;grid-template-columns:1fr 1fr;background:var(--orange);min-height:720px}.process-copy{padding:85px 4vw;position:relative}.process h2{font-size:clamp(3.5rem,6.5vw,7rem)}.process h2 span{color:var(--white)}.process-copy img{width:90px;position:absolute;bottom:55px}.process ol{list-style:none;margin:0;padding:0;background:var(--white)}.process li{min-height:180px;padding:35px;border-bottom:1px solid var(--ink);display:grid;grid-template-columns:150px 1fr;align-items:center}.process li b{font-size:.8rem}.process li span{font-size:1.2rem;line-height:1.45;max-width:480px}.checkout{min-height:680px;background:var(--ink);color:var(--white);padding:85px 3.2vw 30px;display:flex;flex-direction:column}.checkout>p{font-size:.72rem;font-weight:800}.checkout h2{font-size:clamp(4.6rem,10vw,10rem);margin:auto 0}.checkout>a{font-family:'Archivo Black';font-size:clamp(1.2rem,3vw,3rem);border-bottom:2px solid var(--orange);padding-bottom:13px;display:flex;justify-content:space-between}.checkout-meta{display:flex;justify-content:space-between;margin-top:35px;font-size:.65rem;font-weight:800}footer{background:var(--white);display:grid;grid-template-columns:200px 1fr auto;align-items:center;padding:28px 3.2vw;gap:35px}footer img{width:170px;background:var(--ink);padding:8px}footer p{font-size:.75rem;font-weight:700}footer span{font-size:.62rem}
@media(max-width:900px){.site-header{grid-template-columns:160px 1fr;height:80px;padding:7px 16px}.brand{width:150px}.site-header nav{display:none}.book{justify-self:end}.hero{height:820px}.hero-copy{width:90vw;left:5vw}.availability{left:5vw;right:auto}.grid-section{grid-template-columns:1fr;padding:90px 5vw}.grid-section h2,.manifesto-copy,.model h2,.stay-options{grid-column:1}.room-grid{grid-template-columns:1fr 1fr}.work-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.process-copy{min-height:620px}.rooms-head,.work-head{display:block}.filters{margin-top:25px}.stay-options{grid-template-columns:1fr}.stay-options article{border-right:0;border-bottom:1px solid #555;min-height:230px}}
@media(max-width:560px){.book{padding:12px;font-size:.62rem}.book span{display:none}.hero h1{font-size:4.2rem}.hero-copy{bottom:110px}.intro{font-size:1rem}.room-number{right:15px}.room-grid{grid-template-columns:1fr}.room-card{min-height:410px}.work-grid{grid-template-columns:1fr;grid-auto-rows:330px}.project.wide{grid-column:auto}.project.tall{grid-row:auto}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid var(--ink)}.process li{grid-template-columns:1fr;gap:20px}.checkout{min-height:580px}.checkout h2{font-size:4.2rem}.checkout>a{font-size:1.1rem}.checkout-meta,footer{display:block}.checkout-meta span,footer>*{display:block;margin-top:15px}}

/* High-impact section statements */
.manifesto h2{font-size:clamp(4.8rem,9.2vw,10.5rem);line-height:.78;max-width:8ch}
.rooms h2{font-size:clamp(5rem,9vw,10rem);line-height:.76}
@media(max-width:560px){.manifesto h2{font-size:clamp(4.25rem,20vw,6rem)}.rooms h2{font-size:clamp(4.8rem,22vw,6.8rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}.project img{transition:none}}
.site-header{grid-template-columns:360px 1fr auto}.brand{height:70px;width:340px;overflow:visible}.brand img{width:330px;height:auto}.hero-image{object-position:center 45%}footer{grid-template-columns:330px 1fr auto}footer img{width:315px;background:var(--ink);padding:8px 12px}.process-copy img{display:none}
.site-header{grid-template-columns:520px 1fr auto}.brand{width:500px;height:auto}.brand img{display:block;width:500px;height:auto;max-height:none;object-fit:contain}footer img{width:430px;background:transparent;padding:0}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.brand{width:min(300px,55vw);height:auto}.brand img{width:100%}footer{grid-template-columns:1fr}}

/* Content-rich craft wall */
.site-header .brand{padding-left:8px;overflow:visible}.site-header .brand img{overflow:visible}.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}.hero .shade{background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.62) 42%,rgba(0,0,0,.18) 78%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 55%)}.reel{position:relative;background:var(--ink);margin-bottom:8px;aspect-ratio:16/9;overflow:hidden}.reel video{width:100%;height:100%;display:block;object-fit:cover}.reel>div{position:absolute;left:18px;top:18px;background:var(--orange);color:var(--white);padding:10px 12px;display:grid;gap:2px;pointer-events:none}.reel span{font-size:.58rem;font-weight:800;letter-spacing:.08em}.reel b{font-family:'Archivo Black';font-size:1rem}.reel.hidden{display:none}.work-grid{display:block;columns:4;column-gap:8px}.project,.project.wide,.project.tall{display:block;break-inside:avoid;grid-column:auto;grid-row:auto;margin:0 0 8px}.project img{width:100%;height:auto}.project figcaption{display:none}.project.hidden{display:none!important;visibility:hidden;position:absolute;pointer-events:none;width:0;height:0;margin:0}.work-note{margin-top:22px}
@media(max-width:900px){.work-grid{display:block;columns:2}}
@media(max-width:560px){.work-grid{display:block;columns:1}.reel>div{left:10px;top:10px}.hero-film{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none}.hero{background:url('assets/work/door-01.jpg') center/cover no-repeat}}

/* Enquiry desk */
.checkout{min-height:auto}.checkout-intro{display:grid;grid-template-columns:1fr minmax(240px,30vw);align-items:end;gap:40px;margin:70px 0 60px}.checkout h2{margin:0}.checkout-intro>p{font-size:1rem;line-height:1.5;max-width:33ch}.enquiry-form{border-top:1px solid #555;padding-top:34px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 8vw}.enquiry-form label{display:grid;gap:10px}.enquiry-form label>span{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.enquiry-form em{font-style:normal;color:#999}.enquiry-form input,.enquiry-form select,.enquiry-form textarea{width:100%;border:0;border-bottom:2px solid #777;border-radius:0;background:transparent;color:var(--white);font:600 1rem/1.4 'Archivo',sans-serif;padding:12px 0;outline:none}.enquiry-form select{appearance:auto;color-scheme:dark}.enquiry-form textarea{resize:vertical;min-height:115px}.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus{border-color:var(--orange)}.enquiry-form .full{grid-column:1/-1}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-action{display:grid;grid-template-columns:minmax(230px,420px) 1fr;align-items:center;gap:30px;margin-top:42px}.form-action button{border:0;background:var(--orange);color:var(--white);font-family:'Archivo Black';font-size:1rem;text-transform:uppercase;padding:20px 22px;display:flex;justify-content:space-between;cursor:pointer}.form-action button:hover{background:#ef5a3d}.form-action button:disabled{cursor:wait;opacity:.65}.form-action p{font-size:.82rem;line-height:1.45}.form-action .success{color:#9de0b0}.form-action .error{color:#ff9c8b}.checkout-meta{border-top:1px solid #555;padding-top:24px;margin-top:70px}
.enquiry-form[hidden],.enquiry-success[hidden]{display:none}.enquiry-success{display:grid;grid-template-columns:minmax(290px,36%) 1fr;min-height:560px;border-top:1px solid #555;border-bottom:1px solid #555;outline:none;animation:checkIn .65s cubic-bezier(.2,.8,.2,1) both}.success-key{background:var(--orange);padding:24px;display:flex;flex-direction:column;position:relative;overflow:hidden}.success-key>span{font-size:.68rem;font-weight:800;letter-spacing:.1em;position:relative;z-index:1}.room-key-card{width:min(90%,390px);aspect-ratio:1.586/1;background:var(--stone);color:var(--ink);border-radius:18px;margin:auto;box-shadow:0 24px 45px rgba(0,0,0,.28);padding:22px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-7deg);position:relative;overflow:hidden}.room-key-card:after{content:'';position:absolute;width:180px;height:180px;border:42px solid var(--orange);border-radius:50%;right:-115px;top:48px}.key-card-top,.key-card-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;position:relative;z-index:1}.key-card-top small,.key-card-bottom small,.key-card-bottom b{font-size:.55rem;font-style:normal;font-weight:800;letter-spacing:.08em}.key-card-top i{font:800 1rem/1 'Archivo',sans-serif;letter-spacing:-.12em;transform:rotate(90deg);margin-right:3px}.room-key-card>strong{font-family:'Archivo Black';font-size:clamp(5.5rem,10vw,9rem);line-height:.7;color:var(--orange);position:relative;z-index:1}.key-card-bottom{align-items:end}.key-card-bottom small{max-width:110px;text-align:right;font-size:.43rem;line-height:1.4}.success-copy{padding:38px 5vw;display:flex;flex-direction:column;justify-content:center}.success-copy>p:first-child{font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#aaa}.success-copy h3{font-family:'Archivo Black';font-size:clamp(2.8rem,6.2vw,6.8rem);line-height:.84;margin:35px 0 30px}.success-copy h3 span{color:var(--orange)}.success-message{font-size:clamp(1.05rem,1.5vw,1.35rem);line-height:1.55;max-width:660px}.success-copy button{align-self:flex-start;margin-top:35px;border:0;border-bottom:1px solid var(--orange);background:transparent;color:var(--white);font-size:.72rem;font-weight:800;text-transform:uppercase;padding:0 0 9px;cursor:pointer}.success-copy button span{color:var(--orange);margin-left:12px}@keyframes checkIn{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:700px){.checkout{padding-left:5vw;padding-right:5vw}.checkout-intro{grid-template-columns:1fr;margin:55px 0 45px}.checkout h2{font-size:clamp(3.3rem,16vw,5rem)}.form-grid{grid-template-columns:1fr;gap:25px}.enquiry-form .full{grid-column:auto}.form-action{grid-template-columns:1fr}.enquiry-success{grid-template-columns:1fr;min-height:0}.success-key{height:360px}.room-key-card{width:min(82%,330px);padding:18px}.room-key-card>strong{font-size:6.5rem}.success-copy{padding:40px 22px 45px}.success-copy h3{font-size:clamp(2.5rem,13vw,4.2rem);margin:28px 0}.success-message br{display:none}.checkout-meta{display:flex;gap:15px;flex-wrap:wrap}.checkout-meta span{margin:0}}
@media(prefers-reduced-motion:reduce){.enquiry-success{animation:none}}
