
/* Selected night design, with supplied kimono photography. */
body[data-refined]{--paper:#121c1e;--panel:#1c282a;--accent:#cfb68b;--muted:#b8beb7}
body[data-refined] .header{padding:0 4vw}
body[data-refined] .desktop-nav{gap:24px}
body[data-refined] .header-cta{border-color:#8b7d63}
body[data-refined] .refined-hero{height:780px;max-height:none;min-height:680px;overflow:hidden}
body[data-refined] .refined-hero .hero-image{object-position:38% 46%}
body[data-refined] .refined-hero .hero-shade{background:linear-gradient(90deg,#101c2110 18%,#101c2130 40%,#101c21e8 74%,#101c21ee),linear-gradient(0deg,#121c1e 0%,transparent 30%)}
body[data-refined] .refined-hero .hero-content{margin-left:56%;padding:115px 5vw 90px 0;max-width:none}
body[data-refined] .refined-hero .hero-content h1{font-size:clamp(38px,4vw,62px);line-height:1.65;letter-spacing:.05em}
body[data-refined] .refined-hero .hero-content p{font-size:12px;max-width:400px}
body[data-refined] .refined-hero .eyebrow{line-height:2;font-size:8px}
.hero-origin{position:absolute;bottom:82px;left:6vw;font-size:9px;letter-spacing:.06em;color:#fff;opacity:.8}
body[data-refined] .hero-bottom{bottom:29px}
.refined-promises{color:#b6b6a8}
body[data-refined] .refined-intro{padding-top:140px;padding-bottom:150px;gap:110px}
body[data-refined] .refined-intro .intro-image{height:560px;margin-right:40px}
.refined-intro .intro-image>img{object-position:54% 42%}
.origin-label{position:absolute;left:18px;bottom:17px;color:white;background:#1420248c;border:1px solid #ffffff38;padding:4px 10px;font-size:8px;letter-spacing:.13em;backdrop-filter:blur(10px)}
.intro-inset{position:absolute;right:-50px;bottom:-35px;width:41%;height:245px;border:8px solid var(--paper)}
.intro-inset img{object-position:50% 22%}
body[data-refined] .intro-copy h2{margin-bottom:28px;font-size:clamp(30px,3.2vw,48px)}
body[data-refined] .refined-experience{padding-top:85px;padding-bottom:110px}
.refined-experience .experience-portrait{position:relative;height:500px}
.refined-experience .experience-portrait img{object-fit:cover;object-position:50% 32%}
body[data-refined] .refined-experience .experience-layout{grid-template-columns:.8fr 1fr;gap:100px}
.real-portfolio{border-top:1px solid var(--line)}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:55px}
.portfolio-heading h2{font-size:clamp(34px,3.6vw,52px)}
.portfolio-heading>p{font-size:12px;line-height:2.4;max-width:285px;margin:0 0 8px;color:var(--muted)}
.real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:470px;gap:20px}
.portfolio-card{position:relative;overflow:hidden;border:0;padding:0;background:#243033;text-align:left}
.portfolio-card.landscape{grid-column:span 2}
.portfolio-card img{transition:transform .7s ease,filter .7s}
.portfolio-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07161988,transparent 36%);pointer-events:none}
.portfolio-card:hover img{transform:scale(1.025);filter:brightness(1.04)}
.portfolio-number{position:absolute;top:17px;left:20px;color:white;font-family:var(--serif);font-size:18px;text-shadow:0 1px 8px #0009}
.portfolio-caption{position:absolute;z-index:1;bottom:21px;left:22px;right:22px;display:flex;justify-content:space-between;color:white;font-size:11px;letter-spacing:.08em}
.portfolio-caption i{font-style:normal;font-size:20px}
.portfolio-bottom{display:flex;align-items:start;justify-content:space-between;gap:45px;margin-top:32px}
.portfolio-note{font-size:10px;color:var(--muted);max-width:580px;line-height:2.1}
.portfolio-more{white-space:nowrap;background:none;color:var(--ink);border-color:var(--line);font-size:10px;min-height:52px;padding:13px 20px;gap:20px}
.craft-journal{display:grid;grid-template-columns:1.25fr 1fr;max-width:1180px;margin:10px auto 50px;background:var(--panel)}
.journal-wide{height:540px;position:relative}
.journal-wide img{object-position:60% center}
.journal-copy{padding:70px 65px;display:flex;flex-direction:column;justify-content:center}
.journal-copy h2{font-size:43px;color:var(--accent);margin-bottom:26px}
.journal-copy p{color:var(--muted);font-size:12px;line-height:2.5}
.text-link{font-size:11px;border-bottom:1px solid #a18d6b;padding-bottom:8px;align-self:start;margin-top:12px}
.journal-detail{height:380px;grid-column:1/-1;position:relative}
.journal-detail img{object-position:center 44%}
body[data-refined] .refined-winter .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px}
body[data-refined] .refined-winter .gallery-item:nth-child(4n+2){padding-top:0}
body[data-refined] .refined-winter .gallery-item img{aspect-ratio:3/4}
.refined-winter .heading-row>p{max-width:310px}
body[data-refined] .plans-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body[data-refined] .plan{padding:35px 27px}
.refined-footer{padding-bottom:60px}
.mobile-booking{display:none}
.refined-reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.refined-reveal.refined-in{opacity:1;transform:none}
@media(min-width:1600px){body[data-refined] .refined-hero{height:880px}body[data-refined] .refined-hero .hero-content{padding-top:145px}}
@media(max-width:1100px){
body[data-refined] .desktop-nav{gap:16px;font-size:10px}
body[data-refined] .refined-intro{gap:55px}
body[data-refined] .refined-intro .intro-image{height:490px}
body[data-refined] .refined-experience .experience-layout{gap:50px}
.real-grid{grid-auto-rows:390px}
.craft-journal{margin:0 40px 30px}
.journal-copy{padding:45px 35px}
.journal-copy h2{font-size:35px}
.journal-wide{height:470px}
body[data-refined] .refined-hero .hero-content{margin-left:53%;padding-top:100px}
}
@media(max-width:850px){
body[data-refined] .header{padding:0 24px}
body[data-refined] .refined-hero .hero-content{padding-top:110px}
body[data-refined] .refined-hero .hero-content h1{font-size:37px}
body[data-refined] .refined-intro{gap:35px}
body[data-refined] .refined-intro .intro-image{height:460px;margin-right:20px}
.intro-inset{right:-30px;height:190px}
.real-grid{grid-auto-rows:315px;gap:14px}
.portfolio-heading{gap:35px}
.portfolio-bottom{flex-direction:column;gap:12px}
body[data-refined] .refined-winter .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-copy{padding:35px 28px}
.journal-copy h2{font-size:31px}
}
@media(max-width:600px){
body[data-refined] .header{padding:0 20px}
body[data-refined] .refined-hero{height:790px;min-height:0}
body[data-refined] .refined-hero .hero-image{object-position:30% 20%;height:62%}
body[data-refined] .refined-hero .hero-shade{background:linear-gradient(0deg,#121c1e 35%,#121c1e55 66%,transparent 90%)}
body[data-refined] .refined-hero .hero-content{margin-left:0;padding:365px 27px 90px}
body[data-refined] .refined-hero .hero-content h1{font-size:35px;line-height:1.6;letter-spacing:.03em;margin-bottom:18px}
body[data-refined] .refined-hero .hero-content>.eyebrow{font-size:7px;margin-bottom:18px}
body[data-refined] .refined-hero .hero-content p{font-size:10px;line-height:2.25;margin-bottom:24px}
body[data-refined] .refined-hero .hero-bottom{left:27px;right:27px;font-size:7px;gap:10px}
.hero-origin{left:27px;top:24px;bottom:auto;font-size:7px;text-shadow:0 1px 6px #000}
.refined-promises{padding:23px 25px;font-size:8px}
body[data-refined] .refined-intro{padding:75px 25px 70px;gap:72px}
body[data-refined] .refined-intro .intro-image{height:420px;margin-right:27px}
.intro-inset{height:210px;right:-27px;bottom:-35px;width:44%;border-width:6px}
body[data-refined] .intro-copy h2{font-size:33px}
body[data-refined] .refined-experience{padding-top:60px;padding-bottom:70px}
body[data-refined] .refined-experience .experience-layout{gap:25px}
.refined-experience .experience-portrait{height:440px}
.refined-experience .experience-list article{padding:22px 0}
.real-portfolio{padding-top:70px}
.portfolio-heading{display:block;margin-bottom:32px}
.portfolio-heading h2{font-size:33px;margin-bottom:25px}
.portfolio-heading>p{max-width:100%;font-size:11px}
.real-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:270px;gap:12px}
.portfolio-card.landscape{grid-column:span 2}
.portfolio-caption{left:12px;right:12px;bottom:12px;font-size:8px;letter-spacing:0}
.portfolio-caption i{font-size:16px}
.portfolio-number{left:12px;top:10px;font-size:15px}
.portfolio-bottom{margin-top:25px}
.portfolio-note{font-size:9px}
.portfolio-more{width:100%}
.craft-journal{margin:0 25px 20px;grid-template-columns:1fr}
.journal-wide{height:350px}
.journal-copy{padding:45px 26px}
.journal-copy h2{font-size:32px}
.journal-detail{height:250px;grid-column:auto}
.journal-detail img{object-position:62% 45%}
body[data-refined] .refined-winter .gallery-grid{gap:22px 13px}
body[data-refined] .refined-winter .gallery-item>span{font-size:8px;gap:5px;align-items:start}
body[data-refined] .refined-winter .gallery-item img{aspect-ratio:3/4}
.refined-winter .heading-row>p{max-width:none}
body[data-refined] .plan{padding:27px 22px}
.refined-footer{padding-bottom:100px}
.mobile-booking{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:14px;bottom:max(14px,env(safe-area-inset-bottom));left:22px;right:22px;z-index:35;background:#cfb68bf2;color:#162124;backdrop-filter:blur(10px);box-shadow:0 4px 25px #0006;font-size:11px;letter-spacing:.08em;padding:16px 22px;border:1px solid #e5d0ac}
body:has(dialog[open]) .mobile-booking{display:none}
html[lang=en] .refined-hero .hero-content h1{font-size:38px;line-height:1.3}
html[lang=en] .refined-hero .hero-content{padding-top:355px}
}
@media(max-width:360px){
body[data-refined] .refined-hero .hero-content h1{font-size:30px}
body[data-refined] .refined-hero .hero-content{padding-left:23px;padding-right:23px}
body[data-refined] .refined-intro .intro-image{height:370px}
.real-grid{grid-auto-rows:230px}
.portfolio-heading h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.refined-reveal{opacity:1;transform:none;transition:none}}
