.portfolio{background:var(--ink);color:var(--cream);padding:132px 0 145px;overflow:hidden}.portfolio-head{border-top:1px solid;padding-top:26px}.portfolio-head>div{grid-template-columns:1.08fr .72fr;align-items:end;gap:100px;display:grid}.portfolio-head h2{letter-spacing:-.065em;text-transform:uppercase;margin:0;font:900 clamp(52px,7vw,92px)/.9 Arial,sans-serif}.portfolio-head h2 i{text-transform:none;color:var(--blue);font:400 1.03em/.8 Georgia,serif}.portfolio-head div>p{margin:0 0 5px;font:17px/1.65 Georgia,serif}.portfolio-stack{gap:112px;margin-top:110px;display:grid}.portfolio-tile{grid-template-columns:1.55fr .72fr;align-items:center;gap:70px;display:grid;position:relative}.portfolio-tile:nth-child(2n){grid-template-columns:.72fr 1.55fr}.portfolio-tile:nth-child(2n) .tile-preview{order:2}.tile-tab{z-index:3;text-align:center;background:var(--cream);text-transform:uppercase;letter-spacing:.16em;border:1px solid;border-bottom:0;min-width:165px;padding:13px 20px 12px;font-size:9px;font-weight:800;position:absolute;top:-32px;left:calc(58% - 82px)}.portfolio-tile:nth-child(2n) .tile-tab{left:calc(31% - 82px)}.tile-tab span{margin-right:7px}.tile-preview{border:1px solid var(--cream);height:510px;box-shadow:9px 9px 0 var(--yellow);border-radius:2px;padding:28px 30px;position:relative;overflow:hidden}.mini-nav{z-index:3;text-transform:uppercase;letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.mini-nav strong{font-size:13px}.mini-copy{z-index:3;width:52%;position:absolute;bottom:42px;left:30px}.mini-copy small{text-transform:uppercase;letter-spacing:.16em;font-size:8px}.mini-copy h3{letter-spacing:-.055em;text-transform:uppercase;margin:16px 0 25px;font:900 clamp(39px,4.3vw,61px)/.9 Arial,sans-serif}.mini-copy button{background:var(--ink);color:var(--cream);text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:999px;padding:13px 17px;font-size:9px;font-weight:800}.mini-art,.mini-art span{display:block;position:absolute}.mini-art{inset:0}.tile-copy h3{letter-spacing:-.05em;margin:12px 0 22px;font:900 clamp(35px,4vw,53px)/.95 Arial,sans-serif}.tile-copy>p:not(.tile-number){margin:0 0 30px;font:16px/1.65 Georgia,serif}.tile-number{text-transform:uppercase;letter-spacing:.17em;font-size:9px;font-weight:800}.tile-copy>span{text-transform:uppercase;letter-spacing:.14em;border-top:1px solid;padding-top:17px;font-size:8px;font-weight:800;display:block}.table .mini-copy{color:#f3e7ce;background:#160f0de8;width:56%;padding:28px;bottom:34px}.table .mini-copy button{color:#160f0d;background:#f3e7ce}.table .mini-art:before{content:"";background:radial-gradient(circle at 50% 45%,#ffd56b 0 12%,#a63b31 13% 25%,#f7ead9 26% 44%,#79312e 45% 48%,#0000 49%);width:38%;height:60%;position:absolute;top:18%;right:7%;transform:rotate(8deg)}.table .mini-art span:first-child,.table .mini-art span:nth-child(2){background:#8b3836;border-radius:50%;width:80px;height:160px;bottom:-35px;right:7%;transform:rotate(35deg)}.table .mini-art span:nth-child(2){background:#f6d082;bottom:-80px;right:30%}.chalet .tile-preview:after{content:"";background:linear-gradient(90deg,#35211de8 0 49%,#0000 72%);position:absolute;inset:0}.chalet .mini-copy h3{text-transform:none;font-family:Georgia,serif;font-weight:400}.chalet .mini-copy button,.hostel .tile-preview{color:#432f2a;background:#fff1b5}.hostel .mini-copy h3{font-size:clamp(42px,5vw,68px)}.hostel .mini-copy button{background:#432f2a}.hostel .mini-art:before{content:"";background:#bcd9e7;width:44%;height:100%;position:absolute;top:0;right:0}.hostel .mini-art:after{content:"";background:linear-gradient(145deg,#432f2a 0 43%,#705044 44% 58%,#df914e 59%);border-radius:48% 48% 2px 2px;width:34%;height:60%;position:absolute;top:17%;right:5%}.hostel .mini-art span:first-child{background:#ffe14f;border-radius:50%;width:70px;height:70px;top:12%;right:28%}.hostel .mini-art span:nth-child(2){background:#fff1b5;width:160px;height:3px;bottom:9%;right:10%;transform:rotate(-18deg)}.rental-card .tile-preview{color:#fff1b5;background:#432f2a}.rental-card .mini-copy button{color:#432f2a;background:#fff1b5}.rental-card .mini-art:before{content:"";filter:grayscale()sepia(.25);background:url(/hero-mountain.webp) 67%/cover;width:48%;height:100%;position:absolute;bottom:0;right:0}.rental-card .mini-art:after{content:"";mix-blend-mode:screen;background:#ffe14f;border-radius:50%;width:165px;height:165px;position:absolute;top:13%;right:10%}.rental-card .mini-art span:first-child,.rental-card .mini-art span:nth-child(2){background:#fff1b5;width:3px;height:370px;top:15%;right:24%;transform:rotate(24deg)}.rental-card .mini-art span:nth-child(2){right:20%;transform:rotate(27deg)}.portfolio-note{border-top:1px solid var(--cream);justify-content:space-between;align-items:end;gap:40px;margin-top:120px;padding-top:25px;display:flex}.portfolio-note p{margin:0;font-size:11px;line-height:1.6}.portfolio-note a{border-bottom:1px solid;padding-bottom:6px;font-size:11px;font-weight:800}.portfolio-note a span{margin-left:14px}@media (max-width:850px){.portfolio{padding:90px 0}.portfolio-head>div{grid-template-columns:1fr;gap:28px}.portfolio-stack{gap:90px;margin-top:80px}.portfolio-tile,.portfolio-tile:nth-child(2n){grid-template-columns:1fr;gap:38px}.portfolio-tile:nth-child(2n) .tile-preview{order:0}.tile-tab,.portfolio-tile:nth-child(2n) .tile-tab{left:50%;transform:translate(-50%)}.tile-preview{height:470px}.tile-copy{max-width:600px}.portfolio-note{flex-direction:column;align-items:flex-start;margin-top:90px}}@media (max-width:520px){.portfolio-head h2{font-size:47px}.portfolio-stack{gap:78px}.tile-preview{height:430px;padding:20px}.mini-nav span{display:none}.mini-copy{width:78%;bottom:25px;left:20px}.mini-copy h3{font-size:39px}.table .mini-copy{width:77%;padding:20px;left:12px}.chalet .tile-preview:after{background:linear-gradient(90deg,#35211de8 0 72%,#0000)}.hostel .mini-art:before,.rental-card .mini-art:before{width:50%}.portfolio-note{margin-top:72px}}.portfolio-note button{-webkit-appearance:none;appearance:none;border:0;border-bottom:1px solid var(--cream);color:inherit;cursor:pointer;background:0 0;padding:0 0 6px;font:800 11px Arial,sans-serif}.portfolio-note button span{margin-left:14px}.mini-copy .mini-cta{background:var(--ink);color:var(--cream);text-transform:uppercase;letter-spacing:.08em;border:0;border-radius:999px;padding:13px 17px;font-size:9px;font-weight:800;display:inline-block}.chalet .mini-copy .mini-cta,.rental-card .mini-copy .mini-cta{color:#432f2a;background:#fff1b5}.hostel .mini-copy .mini-cta{color:#fff1b5;background:#432f2a}.table .tile-preview{color:#f3e7ce;background:#110c0b}.table .tile-preview:after{content:"";pointer-events:none;background:linear-gradient(90deg,#110c0b 0 34%,#0000 68%),linear-gradient(#0000 52%,#110c0baa);position:absolute;inset:0}.table .mini-art{background:url(/miso-moon-hero.webp) 60%/cover;inset:0 0 0 34%}.table .mini-art:before,.table .mini-art span{display:none}.table .miso-preview-copy{background:0 0;width:65%;padding:0;bottom:31px;left:30px}.table .miso-preview-copy h3{letter-spacing:-.085em;margin:20px 0 16px;font:900 clamp(52px,5.4vw,78px)/.7 Arial,sans-serif}.table .miso-preview-copy h3 span{display:block}.table .miso-preview-copy h3 span:last-child{color:#f3e7ce;-webkit-text-stroke:1px #d33425;text-shadow:5px 5px #b52219;margin-left:35px}.table .miso-preview-copy>b{color:#d33425;margin-bottom:20px;font:17px Georgia,serif;display:block}.table .miso-preview-copy .mini-cta{color:#110c0b;background:#f3e7ce}.portfolio-tile{cursor:pointer}.portfolio-tile:hover .tile-copy h3{text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:2px}@media (max-width:520px){.table .mini-art{inset:0 0 0 22%}.table .miso-preview-copy{width:78%;left:20px}.table .miso-preview-copy h3{font-size:58px}.table .miso-preview-copy h3 span:last-child{margin-left:15px}}.chalet .tile-preview{color:#edf4f7;background:#07111c url(/chalet-arete-hero.webp) 50%/cover}.chalet .tile-preview:after{background:linear-gradient(90deg,#06111ce8 0 46%,#06111c40 68%,#0000 82%),linear-gradient(#0000 45%,#06111c70)}.chalet .arete-preview-copy{width:56%;bottom:34px}.chalet .arete-preview-copy h3{letter-spacing:-.065em;margin:20px 0 28px;font:300 clamp(50px,5.4vw,78px)/.68 Georgia,serif}.chalet .arete-preview-copy h3 em{color:#a8c9df;font-weight:400}.chalet .arete-preview-copy b{margin-bottom:24px;font:400 18px/1.2 Georgia,serif;display:block}.chalet .mini-nav{color:#edf4f7}@media (max-width:520px){.chalet .arete-preview-copy{width:78%}.chalet .arete-preview-copy h3{font-size:58px}.chalet .arete-preview-copy b{font-size:15px}}.cafe .tile-preview{color:#f2e5cf;background:#241411 url(/cafe-marlow-hero.jpg) 50%/cover}.cafe .tile-preview:after{background:linear-gradient(90deg,#241411f2 0 45%,#24141166 70%,#0000 85%),linear-gradient(#0000 55%,#24141188)}.cafe .marlow-preview-copy{z-index:2;width:61%;bottom:31px}.cafe .marlow-preview-copy h3{letter-spacing:-.075em;margin:18px 0 24px;font:800 clamp(51px,5.3vw,77px)/.68 Arial,sans-serif}.cafe .marlow-preview-copy h3 em{color:#cfa0a0;font:400 1.08em/.7 Georgia,serif}.cafe .marlow-preview-copy b{margin-bottom:22px;font:400 17px Georgia,serif;display:block}.cafe .marlow-preview-copy .mini-cta{color:#f2e5cf;background:#681b2b}.cafe .mini-nav{color:#f2e5cf}@media (max-width:520px){.cafe .marlow-preview-copy{width:78%}.cafe .marlow-preview-copy h3{font-size:55px}.cafe .marlow-preview-copy b{font-size:14px}}.arborist .tile-preview{color:#f1eadc;background:#11271d url(/root-crown-hero.webp) 50%/cover}.arborist .tile-preview:after{background:linear-gradient(90deg,#0d2219f2 0 45%,#0d221978 70%,#0000 86%),linear-gradient(#0000 48%,#0d2219a0)}.arborist .arborist-preview-copy{z-index:2;width:62%;bottom:31px}.arborist .arborist-preview-copy h3{letter-spacing:-.075em;margin:18px 0 20px;font:800 clamp(49px,5.2vw,76px)/.7 Arial,sans-serif}.arborist .arborist-preview-copy h3 em{color:#d89a55;font:400 1em/.8 Georgia,serif}.arborist .arborist-preview-copy b{margin-bottom:22px;font:400 17px Georgia,serif;display:block}.arborist .arborist-preview-copy .mini-cta{color:#10241b;background:#d89a55}.arborist .mini-nav{color:#f1eadc}@media (max-width:520px){.arborist .arborist-preview-copy{width:80%}.arborist .arborist-preview-copy h3{font-size:52px}.arborist .arborist-preview-copy b{font-size:14px}}
