@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Manrope:wght@400;500;600&display=swap');
.refined{--display:'Cormorant Garamond',Georgia,serif;--label:'Manrope',Arial,sans-serif;--paper:#f5f3ed;--ink:#1c304d;--line:#cbd0d3;--accent:#8b654c}.refined.city-hiroshima{--paper:#f4f4f1;--ink:#252d2f;--line:#cccfcb;--accent:#626e67}.refined .preview{background:#e6e8e5}.refined .header{height:104px}.refined .eyebrow,.refined .edition-tag,.refined .story-index,.refined .material-card figcaption,.refined .room-no{font-family:var(--label)}.refined .logo{font-size:34px;letter-spacing:.2em}.refined .hero-copy .eyebrow{display:flex;gap:34px;align-items:center;font-size:10px;letter-spacing:.18em}.refined .hero-copy .eyebrow span{font-size:8px;opacity:.65}.refined .editorial-type{font:500 clamp(74px,7.8vw,138px)/.87 var(--display);letter-spacing:-.065em;margin:42px 0 34px}.refined .editorial-type em{font-weight:400;letter-spacing:-.055em}.refined h1{font-size:clamp(17px,1.4vw,24px);letter-spacing:.09em;line-height:1.9}.refined .h1-label{font:9px/1.7 var(--sans);letter-spacing:.08em;margin-bottom:12px}.refined .hero-description{font-size:11px;line-height:2.2;margin:22px 0}.refined .hero .text-link{font-size:11px;min-width:160px}.refined .hero-a{min-height:730px;height:calc(100vh - 168px);width:94%;max-height:1040px;align-items:center}.refined .hero-a:after{background:linear-gradient(90deg,#081a35c9 0%,#081a3570 37%,#081a3510 70%)}.refined.city-hiroshima .hero-a:after{background:linear-gradient(90deg,#12191bc7,#12191b50 44%,transparent 80%)}.refined .hero-a .hero-copy{margin-left:6%;padding-block:58px;max-width:590px}.refined .hero-a .hero-img{object-position:63% center}.refined .hero-a h1{font-size:20px}.refined .hero-a .editorial-type{font-size:clamp(76px,8.2vw,145px)}.refined .hero-side{font:9px var(--label);right:-2.4%;letter-spacing:.15em}.refined .edition-tag{position:absolute;right:28px;bottom:24px;z-index:4;font-size:8px;letter-spacing:.14em;display:flex;gap:24px;color:white;border-top:1px solid #ffffff77;padding-top:12px}.refined.city-kurashiki .edition-tag{border-top:1px dashed #d8c7a3}.refined .hero-c{display:grid;grid-template-columns:.9fr 1.25fr;gap:40px 6%;margin:64px auto 45px;width:86%;position:relative}.refined .c-title{padding:24px 0;grid-column:1;grid-row:1;align-self:center}.refined .c-photo{grid-column:2;grid-row:1}.refined .hero-c .editorial-type{font-size:clamp(70px,7.7vw,130px);margin-block:36px 30px}.refined .hero-c h1{font-size:18px}.refined .c-photo .hero-img{aspect-ratio:.92;object-position:center}.refined .c-photo p{font:9px var(--label);letter-spacing:.15em;margin-top:17px}.refined .hero-c .edition-tag{position:static;grid-column:1;grid-row:2;color:var(--ink);align-self:start;justify-content:space-between;border-top-color:var(--ink);padding-top:18px;margin-top:0}.refined .c-illustration{grid-column:2;grid-row:2;padding:0;margin:0;border:0;display:flex;justify-content:space-between;align-items:center;gap:20px}.refined .c-illustration img{width:170px;mix-blend-mode:multiply}.refined .c-illustration span{font-size:11px;line-height:2}.refined.city-hiroshima .editorial-type{font-style:normal;letter-spacing:-.05em}.refined.city-hiroshima .editorial-type:first-line{font-family:var(--label);font-weight:400;font-size:.74em;letter-spacing:-.07em}.refined .newsline{font-size:10px;padding-block:22px}.refined .editorial-story{display:grid;grid-template-columns:1fr 1.85fr 1.15fr;gap:5%;padding-block:120px;position:relative;align-items:center;border-bottom:1px solid var(--line)}.story-index{font-size:9px;letter-spacing:.14em;align-self:start;display:flex;flex-direction:column;gap:12px}.story-index>span:last-child{opacity:.5}.story-copy h2{font-size:clamp(24px,2.3vw,36px);line-height:1.85;letter-spacing:.075em}.story-copy>p{font-size:12px;line-height:2.4;margin-top:30px}.material-card{transform:rotate(3deg);align-self:center}.material-card img{aspect-ratio:1.08;object-fit:cover}.material-card figcaption{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.1em;border-bottom:1px solid var(--line);padding:14px 0}.material-mark{position:absolute;left:0;bottom:70px;width:88px;opacity:.58}.material-mark svg{display:block;width:70px;margin-bottom:15px}.material-mark>span{font:7px var(--label);letter-spacing:.12em}.city-hiroshima .material-card{transform:none}.city-hiroshima .material-card img{aspect-ratio:1.15}.refined .section{padding-block:100px}.refined .section-heading .eyebrow{margin-bottom:18px;color:#7a8387;font-size:9px}.refined .section-heading h2{font-size:34px}.refined .section-heading>p{font-size:12px}.refined .room-tabs button{font-size:11px;padding-inline:19px}.refined .room-thumbs button{opacity:1}.refined .room-main:hover img{transform:none}.refined .room-detail{padding-top:10px}.refined .room-detail h3{font-size:25px}.refined .room-no{font-size:9px;color:#7a8387}.refined .room-area strong{font-family:var(--display);font-size:46px}.refined .room-points .sketch-icon{width:21px}.refined .photo-directory{padding-top:25px}.refined .photo-category{transform:none!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.refined .photo-category img{border-radius:0!important;aspect-ratio:1.3}.refined .photo-category strong{font-size:12px}.refined .photo-category small{font-size:9px}.city-wordmark{display:flex;justify-content:center;align-items:baseline;gap:34px;padding:45px 5% 60px;border-block:1px solid var(--line);overflow:hidden}.city-wordmark>span{font:400 clamp(35px,7vw,110px)/1 var(--label);letter-spacing:-.07em}.city-wordmark>em{font:italic 400 clamp(45px,7vw,110px)/1 var(--display);letter-spacing:-.06em;white-space:nowrap}.city-kurashiki .city-wordmark{background:#203650;color:#e7e5dd;border-block:1px dashed #bdad8e}.city-hiroshima .city-wordmark{background:#e6e9e6}.refined .town{background:var(--paper)}.refined .town-heading>img{max-width:730px}.refined .town-heading .eyebrow{font-size:9px}.refined .town-heading>p:last-child{font-size:13px}.refined .spot{background:transparent;border-color:var(--line);box-shadow:none}.refined .spot-filters button{border-radius:0;font-size:10px}.refined .spot h3{font-size:22px}.refined .spot-no{font-family:var(--display)}.refined .time-badge{border-radius:0;background:#e7e8e2;color:var(--ink);font-size:10px}.refined .ask-local h3{font-size:24px}.refined .family{background:#e9ecec;border-top:1px solid var(--line)}.refined .family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.refined .family-grid article{display:block;border:0;padding:0;transform:none}.refined .family-grid article img{height:230px;aspect-ratio:1.35;background:transparent;object-fit:contain}.refined .family-grid article>div{padding-top:20px}.refined .family-grid h3{font-size:18px;margin-bottom:10px}.refined .family-grid p{font-size:11px}.refined .family-bottom{margin-top:25px}.refined .family-bottom p{font-size:10px}.refined .family .section-heading h2{font-size:29px}.refined .celebrate{background:#eae7df}.refined .celebration-photo{padding:0;transform:none;box-shadow:none;background:transparent}.refined .celebration-photo img{aspect-ratio:1.25}.refined .hand-note{font-size:11px;text-align:left;margin-top:12px;letter-spacing:.05em}.refined .celebrate h2,.refined .refa h2{font-size:34px}.refined .celebration-tags{font-size:10px}.refined .itinerary{border-bottom:1px solid var(--line)}.refined .itinerary h2{font-size:30px}.refined .review{padding-block:75px}.refined .review h2{font-size:28px}.refined .review strong{font-family:var(--display)}.refined .closing{background:#1b304b;color:#f2f0e9;padding-block:100px}.refined.city-hiroshima .closing{background:#293233}.refined .closing h2{font-family:var(--display);font-size:80px;font-weight:400}.refined .closing .button{background:#f2f0e9;color:var(--ink)}.refined .closing>p{font-size:14px}.refined .photo-page-head h1{font-size:54px}.refined-board{--ink:#23324a;--paper:#f4f2ec}.refined-board .concepts{grid-template-columns:repeat(2,1fr);gap:36px}.refined-board .concept-cover>img:first-child,.refined-board .concept-c .concept-cover>img:first-child{aspect-ratio:1.5}.refined-board .concept-cover>span{font-family:Georgia,serif}.refined-board .concept{border:1px solid #d3d6d4}.refined-board .reference-b{margin-top:35px;border-block:1px solid #d3d6d4}.refined-board .reference-b .concept{max-width:550px;margin-bottom:30px}.refined-board .board-header h1{font-size:42px}
@media(max-width:1100px){.refined .desktop-nav{gap:14px}.refined .hero-c{gap:30px 5%}.refined .hero-c .editorial-type{font-size:90px}.refined .hero-c h1{font-size:16px}.refined .editorial-story{grid-template-columns:.65fr 2fr 1.15fr;gap:4%}.story-copy>p br{display:none}.refined .family-grid article img{height:190px}}
@media(max-width:760px){.refined .header{height:78px}.refined .hero-a{width:94%;min-height:660px;height:calc(100svh - 135px);max-height:850px;align-items:flex-end}.refined .hero-a .hero-img{object-position:62% center}.refined .hero-a:after,.refined.city-hiroshima .hero-a:after{background:linear-gradient(0deg,#091a30d9, #14243b65 55%,#14243b08)}.refined .hero-a .hero-copy{margin:0;padding:36px 7% 74px;width:100%;max-width:none}.refined .hero-a .editorial-type{font-size:88px;margin:28px 0 24px}.refined .hero-copy .eyebrow{font-size:8px;gap:20px}.refined .hero-copy .eyebrow span{font-size:6px}.refined .hero-a h1{font-size:16px}.refined .h1-label{font-size:8px;margin-bottom:9px}.refined .hero-description{font-size:10px;margin-block:16px}.refined .hero .text-link{font-size:10px;min-width:130px}.refined .edition-tag{right:7%;left:7%;bottom:23px;justify-content:space-between;gap:10px;font-size:6px}.refined .hero-side{display:none}.refined .hero-c{display:flex;flex-direction:column;width:88%;margin:36px auto;gap:24px}.refined .c-title{padding:0;width:100%}.refined .hero-c .editorial-type{font-size:83px;margin:28px 0 22px}.refined .hero-c h1{font-size:16px;line-height:1.8}.refined .c-photo{width:100%}.refined .c-photo .hero-img{aspect-ratio:1.18}.refined .c-photo p{font-size:8px;margin-top:12px}.refined .hero-c .edition-tag{display:none}.refined .c-illustration{width:100%;padding-top:15px;border-top:1px solid var(--line);margin:0;gap:15px}.refined .c-illustration img{width:140px}.refined .c-illustration span{font-size:9px}.refined .newsline{font-size:9px;gap:18px;padding-block:18px}.refined .editorial-story{grid-template-columns:1fr 1fr;gap:28px 18px;padding-block:55px}.story-index{grid-column:1/-1;flex-direction:row;justify-content:space-between;font-size:8px}.story-copy{grid-column:1/-1}.story-copy h2{font-size:26px}.story-copy>p{font-size:11px;margin-top:20px}.material-card{grid-column:2;width:100%;max-width:230px;justify-self:end}.material-card figcaption{font-size:7px}.material-mark{position:static;grid-column:1;grid-row:3;align-self:center;width:100px}.material-mark svg{width:65px}.material-mark>span{font-size:6px}.refined .section{padding-block:60px}.refined .section-heading h2{font-size:28px}.refined .section-heading>p{font-size:11px}.refined .room-tabs button{font-size:10px;padding-inline:12px}.refined .room-detail h3{font-size:24px}.refined .photo-directory{padding-top:20px}.refined .photo-category strong{font-size:11px}.refined .photo-category small{font-size:9px}.city-wordmark{gap:15px;padding:27px 4% 32px}.city-wordmark>span{font-size:37px}.city-wordmark>em{font-size:40px}.refined.city-hiroshima .city-wordmark>span{font-size:34px}.refined .town-heading>img{width:100%}.refined .town-heading>p:last-child{font-size:11px}.refined .spot-filters{gap:6px;flex-wrap:wrap}.refined .spot-filters button{font-size:9px;padding:6px 12px}.refined .ask-local h3{font-size:22px}.refined .family-grid{grid-template-columns:1fr;gap:26px}.refined .family-grid article{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0;padding:0;align-items:center}.refined .family-grid article img{height:auto;aspect-ratio:1}.refined .family-grid article>div{padding:0}.refined .family-grid h3{font-size:16px}.refined .family-grid p{font-size:10px}.refined .family-bottom{gap:18px;display:block}.refined .family-bottom a{margin-top:10px}.refined .family .section-heading h2{font-size:25px}.refined .celebration-photo{width:100%}.refined .celebrate h2,.refined .refa h2{font-size:28px}.refined .itinerary h2{font-size:27px}.refined .review h2{font-size:25px}.refined .closing{padding-block:65px}.refined .closing h2{font-size:54px}.refined .photo-page-head h1{font-size:36px}.refined-board .concepts{grid-template-columns:1fr;gap:25px}.refined-board .board-header h1{font-size:29px}.refined-board .board-header p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.refined *{scroll-behavior:auto!important}}
.refined.city-hiroshima .hero-a .editorial-type{font-size:clamp(74px,7vw,118px)}.refined.city-hiroshima .hero-c .editorial-type{font-size:clamp(70px,6.5vw,108px)}.refined.city-hiroshima .editorial-type em{white-space:nowrap;font-size:.88em}@media(max-width:760px){.refined.city-hiroshima .hero-a .editorial-type,.refined.city-hiroshima .hero-c .editorial-type{font-size:70px}}