[data-work-project=hotel-portfolio]{isolation:isolate;font-family:Arial,Helvetica,sans-serif;line-height:normal}[data-work-project=hotel-portfolio] :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd){margin:revert;font-size:revert;font-weight:revert}[data-work-project=hotel-portfolio] :where(h1,h2,h3,h4,h5,h6){font-family:inherit}[data-work-project=hotel-portfolio] :where(img){width:auto}[data-work-project=hotel-portfolio] :where(ul,ol){list-style:revert;padding:revert}[data-work-project=hotel-portfolio] :where(section[id],div[id]){scroll-margin-top:110px}[data-work-project=hotel-portfolio]{--ink:#101010;--paper:#f4f2ed;--soft:#e9e6df;--muted:#77736d;--red:#e51e2a;--line:#d6d2ca}[data-work-project=hotel-portfolio] *{box-sizing:border-box}[data-work-project=hotel-portfolio]{scroll-behavior:smooth;color:var(--ink);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}[data-work-project=hotel-portfolio] img{width:100%;display:block}[data-work-project=hotel-portfolio] header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;height:74px;padding:0 4.5vw;display:flex;position:sticky;top:0}[data-work-project=hotel-portfolio] .brand{letter-spacing:.13em;text-transform:uppercase;font-size:13px;font-weight:800}[data-work-project=hotel-portfolio] .brand:before{content:"";background:var(--red);width:10px;height:10px;margin-right:10px;display:inline-block}[data-work-project=hotel-portfolio] nav{text-transform:uppercase;letter-spacing:.14em;gap:28px;font-size:10px;display:flex}[data-work-project=hotel-portfolio] .hero{background:#111;height:calc(100vh - 74px);min-height:650px;position:relative;overflow:hidden}[data-work-project=hotel-portfolio] .hero img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 54%;object-position:center 54%;height:100%}[data-work-project=hotel-portfolio] .hero:after{content:"";background:linear-gradient(90deg,#000000ad,#00000021 64%,#00000008);position:absolute;inset:0}[data-work-project=hotel-portfolio] .hero-copy{z-index:2;color:#fff;max-width:880px;position:absolute;bottom:7vh;left:5vw}[data-work-project=hotel-portfolio] .eyebrow,[data-work-project=hotel-portfolio] .kicker{letter-spacing:.18em;text-transform:uppercase;font-size:10px;font-weight:700}[data-work-project=hotel-portfolio] .eyebrow{margin-bottom:18px}[data-work-project=hotel-portfolio] h1{letter-spacing:-.06em;margin:0 0 25px;font-size:clamp(56px,7.6vw,116px);line-height:.88}[data-work-project=hotel-portfolio] .hero p{max-width:760px;margin:0;font-size:clamp(18px,1.5vw,24px);line-height:1.45}[data-work-project=hotel-portfolio] .stats{border-bottom:1px solid var(--line);grid-template-columns:1.15fr repeat(4,1fr);display:grid}[data-work-project=hotel-portfolio] .stat{border-right:1px solid var(--line);padding:29px 2.8vw}[data-work-project=hotel-portfolio] .stat:last-child{border-right:0}[data-work-project=hotel-portfolio] .stat small{color:var(--muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;font-size:9px;display:block}[data-work-project=hotel-portfolio] .stat strong{font-size:18px;font-weight:650}[data-work-project=hotel-portfolio] .intro{grid-template-columns:.85fr 1.4fr;gap:8vw;padding:120px 6vw;display:grid}[data-work-project=hotel-portfolio] .kicker{color:var(--red);margin-bottom:16px}[data-work-project=hotel-portfolio] .intro h2,[data-work-project=hotel-portfolio] .title{letter-spacing:-.05em;margin:0;font-size:clamp(42px,5.7vw,78px);line-height:.96}[data-work-project=hotel-portfolio] .copy{max-width:800px;font-size:20px;line-height:1.7}[data-work-project=hotel-portfolio] .copy p{margin:0 0 22px}[data-work-project=hotel-portfolio] .campus-hero{height:78vh;min-height:560px;overflow:hidden}[data-work-project=hotel-portfolio] .campus-hero img{-o-object-fit:cover;object-fit:cover;height:100%}[data-work-project=hotel-portfolio] .portfolio{background:var(--paper);padding:110px 6vw 125px}[data-work-project=hotel-portfolio] .portfolio-head{grid-template-columns:1fr 1.2fr;gap:7vw;margin-bottom:60px;display:grid}[data-work-project=hotel-portfolio] .portfolio-head p{max-width:760px;margin:0;font-size:19px;line-height:1.7}[data-work-project=hotel-portfolio] .cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}[data-work-project=hotel-portfolio] .card{border:1px solid var(--line);background:#fff;flex-direction:column;display:flex}[data-work-project=hotel-portfolio] .card img{-o-object-fit:cover;object-fit:cover;height:310px}[data-work-project=hotel-portfolio] .card-body{flex:1;padding:28px}[data-work-project=hotel-portfolio] .num{color:var(--red);letter-spacing:.14em;margin-bottom:18px;font-size:10px;font-weight:800}[data-work-project=hotel-portfolio] .card h3{letter-spacing:-.035em;margin:0 0 15px;font-size:29px;line-height:1.02}[data-work-project=hotel-portfolio] .card p{color:#555;margin:0 0 25px;font-size:15px;line-height:1.6}[data-work-project=hotel-portfolio] .meta{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:auto;display:grid}[data-work-project=hotel-portfolio] .meta div{padding:15px 0 0;font-size:11px;line-height:1.4}[data-work-project=hotel-portfolio] .meta b{letter-spacing:.12em;text-transform:uppercase;color:#777;margin-bottom:5px;font-size:9px;display:block}[data-work-project=hotel-portfolio] .section{padding:120px 6vw}[data-work-project=hotel-portfolio] .section-head{grid-template-columns:1fr 1.35fr;gap:8vw;margin-bottom:55px;display:grid}[data-work-project=hotel-portfolio] .section-head p{max-width:760px;margin:0;font-size:19px;line-height:1.7}[data-work-project=hotel-portfolio] .editorial-grid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}[data-work-project=hotel-portfolio] .editorial-grid .big{-o-object-fit:cover;object-fit:cover;height:760px}[data-work-project=hotel-portfolio] .stack{grid-template-rows:1fr 1fr;gap:18px;height:760px;display:grid}[data-work-project=hotel-portfolio] .stack img{-o-object-fit:cover;object-fit:cover;height:100%}[data-work-project=hotel-portfolio] .plans{color:#fff;background:#111;padding:110px 6vw 125px}[data-work-project=hotel-portfolio] .plans .section-head p{color:#cfcfcf}[data-work-project=hotel-portfolio] .plan-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}[data-work-project=hotel-portfolio] .plan{background:#fff;border:1px solid #333}[data-work-project=hotel-portfolio] .plan img{-o-object-fit:contain;object-fit:contain;height:560px}[data-work-project=hotel-portfolio] .caption{color:#111;letter-spacing:.12em;text-transform:uppercase;border-top:1px solid #ddd;padding:16px 18px;font-size:10px}[data-work-project=hotel-portfolio] .timeline{background:#fff;padding:115px 6vw}[data-work-project=hotel-portfolio] .timeline-row{border-top:1px solid #bbb;border-left:1px solid #bbb;grid-template-columns:repeat(3,1fr);margin-top:55px;display:grid}[data-work-project=hotel-portfolio] .milestone{border-bottom:1px solid #bbb;border-right:1px solid #bbb;min-height:190px;padding:31px}[data-work-project=hotel-portfolio] .milestone b{letter-spacing:-.04em;margin-bottom:12px;font-size:38px;display:block}[data-work-project=hotel-portfolio] .milestone span{color:#555;font-size:13px;line-height:1.6}[data-work-project=hotel-portfolio] .fullpair{grid-template-columns:1fr 1fr;display:grid}[data-work-project=hotel-portfolio] .fullpair img{-o-object-fit:cover;object-fit:cover;height:67vh;min-height:520px}[data-work-project=hotel-portfolio] .statement{grid-template-columns:.65fr 1.55fr;gap:8vw;padding:125px 6vw;display:grid}[data-work-project=hotel-portfolio] .statement blockquote{letter-spacing:-.05em;margin:0;font-size:clamp(38px,5.2vw,74px);font-weight:650;line-height:1.03}[data-work-project=hotel-portfolio] .statement p{max-width:760px;font-size:18px;line-height:1.7}[data-work-project=hotel-portfolio] .site-section{background:var(--paper);padding:110px 6vw}[data-work-project=hotel-portfolio] .site-section img{-o-object-fit:contain;object-fit:contain;border:1px solid var(--line);background:#fff;max-height:850px;padding:20px}[data-work-project=hotel-portfolio] .next{background:var(--red);color:#fff;justify-content:space-between;align-items:end;padding:75px 6vw;display:flex}[data-work-project=hotel-portfolio] .next small{letter-spacing:.15em;text-transform:uppercase;font-size:10px}[data-work-project=hotel-portfolio] .next h3{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(38px,5vw,68px)}[data-work-project=hotel-portfolio] .arrow{font-size:58px}[data-work-project=hotel-portfolio] footer{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding:38px 6vw;font-size:10px;display:flex}@media (max-width:900px){[data-work-project=hotel-portfolio] nav{display:none}[data-work-project=hotel-portfolio] .stats{grid-template-columns:1fr 1fr}[data-work-project=hotel-portfolio] .intro,[data-work-project=hotel-portfolio] .portfolio-head,[data-work-project=hotel-portfolio] .section-head,[data-work-project=hotel-portfolio] .statement{grid-template-columns:1fr;gap:35px}[data-work-project=hotel-portfolio] .cards,[data-work-project=hotel-portfolio] .editorial-grid{grid-template-columns:1fr}[data-work-project=hotel-portfolio] .editorial-grid .big,[data-work-project=hotel-portfolio] .stack{height:auto}[data-work-project=hotel-portfolio] .stack img{height:420px}[data-work-project=hotel-portfolio] .plan-grid,[data-work-project=hotel-portfolio] .fullpair{grid-template-columns:1fr}[data-work-project=hotel-portfolio] .plan img{height:400px}[data-work-project=hotel-portfolio] .timeline-row{grid-template-columns:1fr}}
