@font-face{font-family:Atelier;src:url('assets/prata.woff2?v=atelier-screen-20261029-1') format('woff2');font-weight:400;font-display:swap}
.atelier{--a-unit:1px;--a-paper:#f3efe7;--a-ink:#343126;--a-green:#454e3e;color:var(--a-ink);background:var(--a-paper);scroll-margin-top:calc(var(--a-unit) * 78);font-family:Georgia,'Times New Roman',serif;overflow:hidden}.atelier *{box-sizing:border-box}.atelier-top{display:grid;grid-template-columns:24.54% 52.8% 22.66%;height:calc(var(--a-unit) * 690)}.atelier-intro{position:relative;border-right:calc(var(--a-unit) * 1) solid #e2ded4;padding:calc(var(--a-unit) * 29) calc(var(--a-unit) * 19) 0 calc(var(--a-unit) * 43);background:linear-gradient(110deg,#f7f4ecbb,#f1eee400);isolation:isolate}.atelier-intro:after{content:'';position:absolute;z-index:-1;right:0;top:calc(var(--a-unit) * 74);width:calc(var(--a-unit) * 90);height:calc(var(--a-unit) * 206);background:url('assets/atelier-leaves-right.webp?v=atelier-screen-20261029-1') center/cover;mix-blend-mode:multiply;pointer-events:none}.atelier-eyebrow{display:block;color:#8e8779;font-size:calc(var(--a-unit) * 13);letter-spacing:.32em;line-height:calc(var(--a-unit) * 20)}.atelier h2{font-family:Atelier,Georgia,serif;letter-spacing:-.035em;font-size:calc(var(--a-unit) * 40);font-weight:400;line-height:1.06;margin:calc(var(--a-unit) * 13) 0 calc(var(--a-unit) * 10)}.atelier-lead{font-size:calc(var(--a-unit) * 18);line-height:calc(var(--a-unit) * 23);color:#7a7367;margin:0}.atelier-list{position:absolute;left:calc(var(--a-unit) * 36);right:calc(var(--a-unit) * 19);bottom:calc(var(--a-unit) * 5);display:grid;grid-template-rows:repeat(4,calc(var(--a-unit) * 101))}.atelier-item{position:relative;display:block;height:calc(var(--a-unit) * 101);width:100%;border:calc(var(--a-unit) * 1) solid #dfdad0;border-radius:calc(var(--a-unit) * 7);color:#514b3c;font-family:Georgia,serif;text-align:left;transition:background .25s,color .25s;overflow:hidden}.atelier-item.is-active{background:linear-gradient(105deg,#485347,#475244);border-color:#485347;color:#f8f4eb}.atelier-number{position:absolute;left:calc(var(--a-unit) * 15);top:calc(var(--a-unit) * 10);font-family:"Times New Roman",serif;font-size:calc(var(--a-unit) * 28);line-height:calc(var(--a-unit) * 30);letter-spacing:-.05em}.atelier-type{position:absolute;left:calc(var(--a-unit) * 15);top:calc(var(--a-unit) * 43);font-size:calc(var(--a-unit) * 17);white-space:nowrap}.atelier-from{position:absolute;left:calc(var(--a-unit) * 15);top:calc(var(--a-unit) * 71);font-size:calc(var(--a-unit) * 14);opacity:.7}.atelier-item img{position:absolute;left:43%;top:calc(var(--a-unit) * 7);width:34%;height:calc(var(--a-unit) * 88);object-fit:contain;mix-blend-mode:multiply}.atelier-item.is-active img{mix-blend-mode:normal}.atelier-item-arrow{position:absolute;right:calc(var(--a-unit) * 15);top:calc(var(--a-unit) * 32);display:grid;place-items:center;border:calc(var(--a-unit) * 1) solid #d0cabd;border-radius:50%;width:calc(var(--a-unit) * 36);height:calc(var(--a-unit) * 36);font:calc(var(--a-unit) * 22) Georgia;line-height:1}.atelier-item.is-active .atelier-item-arrow{background:#fff;color:#36392f;border-color:#fff}.atelier-item:hover:not(.is-active){background:#eae6dc}.atelier-stage{position:relative;background:radial-gradient(ellipse at 88% 72%,#82765c24,transparent 50%),linear-gradient(100deg,#faf7f100 45%,#9a8e7526 100%),url('assets/atelier-paper.webp?v=atelier-screen-20261029-1');background-size:auto,auto,100% 100%;background-repeat:no-repeat}.atelier-stage:after{content:'';position:absolute;bottom:0;left:0;width:calc(var(--a-unit) * 130);height:calc(var(--a-unit) * 122);background:url('assets/atelier-leaves-bottom.webp?v=atelier-screen-20261029-1') center/cover;mix-blend-mode:multiply;pointer-events:none}.atelier-stage-heading{position:absolute;top:calc(var(--a-unit) * 28);left:calc(var(--a-unit) * 32);width:calc(var(--a-unit) * 248)}.atelier-stage-heading h3{font-family:Georgia,serif;font-size:calc(var(--a-unit) * 21);line-height:calc(var(--a-unit) * 28);letter-spacing:-.025em;font-weight:400}.atelier-stage-heading span{display:block;height:calc(var(--a-unit) * 1);background:linear-gradient(to right,#5c594b 31%,#d4cec2 31%);margin-top:calc(var(--a-unit) * 11)}.atelier-variants{position:absolute;top:calc(var(--a-unit) * 30);left:40.1%;display:flex;width:calc(var(--a-unit) * 246);height:calc(var(--a-unit) * 43);border:calc(var(--a-unit) * 1) solid #cbc5b8;border-radius:calc(var(--a-unit) * 28);background:#ebe7de66}.atelier-variants button{width:50%;border-radius:calc(var(--a-unit) * 27);text-align:center;font:calc(var(--a-unit) * 15) Georgia,serif}.atelier-variants .is-active{color:#f7f4e9;background:var(--a-green)}.atelier-plan{position:absolute;left:16.4%;top:15.5%;width:66.1%;height:70.5%;display:grid;place-items:center;cursor:zoom-in}.atelier-plan img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .18s,transform .45s var(--ease)}.atelier-plan.is-mirrored img{transform:scaleX(-1)}.atelier-plan.is-changing img{opacity:.3}.atelier-flip{position:absolute;right:calc(var(--a-unit) * 80);top:calc(var(--a-unit) * 306);width:calc(var(--a-unit) * 54);height:calc(var(--a-unit) * 58)}.atelier-flip svg{width:100%;height:100%;fill:none;stroke:#5e5b4c;stroke-width:1}.atelier-flip:hover{transform:rotate(180deg);transition:transform .5s}.atelier-details{position:relative;padding:calc(var(--a-unit) * 42) calc(var(--a-unit) * 36) 0 calc(var(--a-unit) * 32);background:linear-gradient(100deg,#f3efe6,#ede8dd);box-shadow:calc(var(--a-unit) * -18) 0 calc(var(--a-unit) * 35) #716b5120}.atelier-details h3{font:calc(var(--a-unit) * 45)/1.1 Atelier,Georgia,serif;letter-spacing:0;white-space:nowrap}.atelier-area{font:calc(var(--a-unit) * 44)/1.1 "Times New Roman",serif;margin:calc(var(--a-unit) * 10) 0 0;border-bottom:calc(var(--a-unit) * 1) solid #d3cbbd;padding-bottom:calc(var(--a-unit) * 9)}.atelier-features{list-style:none;padding:0;margin:calc(var(--a-unit) * 20) 0 0 calc(var(--a-unit) * 7);display:grid;gap:calc(var(--a-unit) * 17)}.atelier-features li{display:flex;align-items:center;gap:calc(var(--a-unit) * 26);font:calc(var(--a-unit) * 14)/calc(var(--a-unit) * 19) Georgia,serif;white-space:nowrap}.atelier-features svg,.atelier-features img{width:calc(var(--a-unit) * 22);height:calc(var(--a-unit) * 22);flex:none;stroke:#837f70;stroke-width:.8;fill:none}.atelier-location{position:absolute;left:calc(var(--a-unit) * 31);right:calc(var(--a-unit) * 25);top:calc(var(--a-unit) * 381);height:calc(var(--a-unit) * 89);display:flex;justify-content:space-between;align-items:center;column-gap:calc(var(--a-unit) * 20)}.atelier-location>img{min-width:0}.atelier-location>img:first-child{width:calc(var(--a-unit) * 165);height:calc(var(--a-unit) * 88);object-fit:contain;mix-blend-mode:multiply}.atelier-location .atelier-compass{width:calc(var(--a-unit) * 86);height:calc(var(--a-unit) * 89);object-fit:contain;mix-blend-mode:multiply}.atelier-view{position:absolute;left:calc(var(--a-unit) * 106);top:calc(var(--a-unit) * 493);font-size:calc(var(--a-unit) * 14);line-height:calc(var(--a-unit) * 25);color:#605b4e}.atelier-view>span:first-child{font-size:calc(var(--a-unit) * 30);position:absolute;left:calc(var(--a-unit) * -31);top:calc(var(--a-unit) * -2)}.atelier-consult{position:absolute;left:calc(var(--a-unit) * 32);right:calc(var(--a-unit) * 36);top:calc(var(--a-unit) * 537);height:calc(var(--a-unit) * 44);border-radius:calc(var(--a-unit) * 30);background:var(--a-green);color:#f5f1e7;display:flex;align-items:center;justify-content:center;gap:calc(var(--a-unit) * 20);font:calc(var(--a-unit) * 15) Georgia,serif;white-space:nowrap;transition:background .2s}.atelier-consult:hover{background:#303a2c}.atelier-consult{padding-right:calc(var(--a-unit) * 18)}.atelier-consult>span{font-size:calc(var(--a-unit) * 23);position:absolute;right:calc(var(--a-unit) * 32)}.atelier-pdf{position:absolute;left:calc(var(--a-unit) * 36);top:calc(var(--a-unit) * 606);display:flex;gap:calc(var(--a-unit) * 19);align-items:center;font:calc(var(--a-unit) * 15) Georgia,serif}.atelier-pdf>span{text-decoration:underline;text-underline-offset:calc(var(--a-unit) * 4)}.atelier-pdf svg{width:calc(var(--a-unit) * 22);height:calc(var(--a-unit) * 25);stroke:currentColor;stroke-width:1;fill:none}.atelier-life{height:calc(var(--a-unit) * 224);display:grid;grid-template-columns:236fr 283fr 267fr 275fr 259fr;gap:calc(var(--a-unit) * 3);background:#f5f1e6}.atelier-life-copy{position:relative;background:linear-gradient(110deg,#292719,#191b13);color:#f5f1e7;padding:calc(var(--a-unit) * 25) calc(var(--a-unit) * 12) 0 calc(var(--a-unit) * 39);overflow:hidden}.atelier-life-copy h3{font:calc(var(--a-unit) * 29)/.92 Georgia,serif;letter-spacing:-.035em}.atelier-life-copy p{font:calc(var(--a-unit) * 14)/calc(var(--a-unit) * 18) Georgia,serif;margin-top:calc(var(--a-unit) * 13)}.atelier-life-next{position:absolute;right:calc(var(--a-unit) * 3);bottom:calc(var(--a-unit) * 32);color:#f5f1e7;width:calc(var(--a-unit) * 37);height:calc(var(--a-unit) * 37);border:calc(var(--a-unit) * 1) solid #f5f1e799;border-radius:50%;font-size:calc(var(--a-unit) * 23);text-align:center}.atelier-photo{position:relative;display:block;overflow:hidden;width:100%;height:calc(var(--a-unit) * 224);cursor:zoom-in}.atelier-photo>img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.atelier-photo:hover>img{transform:scale(1.025)}.atelier-sr-only{position:absolute!important;width:calc(var(--a-unit) * 1);height:calc(var(--a-unit) * 1);padding:0;margin:calc(var(--a-unit) * -1);overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.atelier-gallery .gallery-image img{object-fit:contain}.atelier-gallery .gallery-image{background:#20251d}.atelier-gallery .gallery-bottom{pointer-events:none}.atelier-gallery .gallery-controls{pointer-events:auto}

.atelier-view>span:first-child svg{width:calc(var(--a-unit) * 24);height:calc(var(--a-unit) * 27);fill:none;stroke:currentColor;stroke-width:.8;stroke-linecap:round;stroke-linejoin:round}
.atelier-item:focus-visible{outline:calc(var(--a-unit) * 1) solid #85936e;outline-offset:calc(var(--a-unit) * 2)}

@media(min-width:1251px){.atelier{--a-unit:calc(100vw / 1536)}.atelier-item:nth-child(1) img{left:calc(var(--a-unit) * 135);top:calc(var(--a-unit) * 8);width:calc(var(--a-unit) * 75);height:calc(var(--a-unit) * 86)}.atelier-item:nth-child(2) img{left:calc(var(--a-unit) * 137);top:calc(var(--a-unit) * 11);width:calc(var(--a-unit) * 77);height:calc(var(--a-unit) * 81)}.atelier-item:nth-child(3) img{left:calc(var(--a-unit) * 137);top:calc(var(--a-unit) * 8);width:calc(var(--a-unit) * 107);height:calc(var(--a-unit) * 86)}.atelier-item:nth-child(4) img{left:calc(var(--a-unit) * 132);top:calc(var(--a-unit) * 8);width:calc(var(--a-unit) * 119);height:calc(var(--a-unit) * 86)}}
@media(max-width:1250px) and (min-width:901px){.atelier-top{grid-template-columns:25% 49% 26%;height:630px}.atelier-intro{padding-left:24px}.atelier h2{font-size:33px}.atelier-lead{font-size:15px;line-height:20px}.atelier-list{left:16px;right:12px;grid-template-rows:repeat(4,90px)}.atelier-item{height:90px}.atelier-type{font-size:14px}.atelier-item img{left:45%;width:30%;height:75px}.atelier-from{top:66px;font-size:12px}.atelier-item-arrow{right:8px;width:28px;height:28px}.atelier-stage-heading{left:22px;width:210px}.atelier-stage-heading h3{font-size:18px}.atelier-variants{top:80px;left:22px;width:225px}.atelier-plan{top:24%;height:64%;left:10%;width:78%}.atelier-flip{right:2%;top:48%}.atelier-details{padding-left:22px;padding-right:20px}.atelier-details h3{font-size:34px}.atelier-area{font-size:35px}.atelier-features li{font-size:12px;gap:12px}.atelier-features{gap:12px}.atelier-location{left:22px;right:20px;top:340px}.atelier-view{top:445px;left:50px}.atelier-consult{left:20px;right:20px;top:490px;font-size:12px;gap:12px}.atelier-pdf{left:25px;top:565px;font-size:12px}.atelier-life-copy{padding-left:20px}.atelier-life-copy h3{font-size:25px}.atelier-life-copy p{font-size:12px}}
@media(max-width:900px){.atelier-top{height:auto;grid-template-columns:1fr}.atelier-intro{padding:32px 24px 24px;border:0}.atelier-intro:after{right:0}.atelier h2{font-size:42px;line-height:1.03}.atelier-lead{font-size:16px;line-height:23px}.atelier-list{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,103px);gap:5px;margin-top:25px}.atelier-item{height:103px}.atelier-item img{left:48%;width:34%;height:90px;opacity:.85}.atelier-number{left:11px;font-size:25px}.atelier-type{left:11px;top:41px;font-size:13px}.atelier-from{left:11px;top:69px;font-size:12px}.atelier-item-arrow{right:8px;top:60px;width:26px;height:26px;font-size:17px}.atelier-stage{height:550px;border-block:1px solid #e1dbcf}.atelier-stage-heading{left:24px;top:23px;width:230px}.atelier-stage-heading h3{font-size:21px}.atelier-variants{top:78px;left:24px;width:246px}.atelier-plan{left:6%;width:88%;top:27%;height:66%}.atelier-flip{right:5%;top:14%;width:43px;height:47px}.atelier-details{min-height:595px;padding:28px 26px;background:#eee9de;box-shadow:none}.atelier-details h3{font-size:40px}.atelier-area{font-size:36px;margin-top:12px;padding-bottom:16px}.atelier-features{gap:12px}.atelier-features li{font-size:14px;gap:20px}.atelier-location{top:325px;left:26px;right:27px}.atelier-location>img:first-child{width:165px}.atelier-view{top:427px;left:60px}.atelier-consult{top:478px;left:26px;right:26px;font-size:15px}.atelier-pdf{top:550px;left:32px;font-size:15px}.atelier-life{height:224px;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:3px}.atelier-life-copy{min-width:190px;padding-left:30px;scroll-snap-align:start}.atelier-photo{min-width:275px;scroll-snap-align:start}.atelier-photo-garden{min-width:237px}}
@media(prefers-reduced-motion:reduce){.atelier *{scroll-behavior:auto!important;transition:none!important}}

.atelier-image-mirrored{transform:scaleX(-1)}
html:has(.atelier:target){scroll-padding-top:78px}.atelier{scroll-margin-top:0}

.atelier:after{content:"";display:block;height:30px;background:url("assets/atelier-bottom-paper.webp?v=atelier-screen-20261029-1") center/100% 30px no-repeat}

@media(max-width:1250px) and (min-width:901px){.atelier-view{left:58px}}
@media(max-width:900px){.atelier-view{left:60px}}

@media(max-width:1250px) and (min-width:901px){
 .atelier h2{font-size:clamp(26px,2.65vw,33px)}.atelier-lead{font-size:clamp(12px,1.2vw,15px);line-height:1.35}
 .atelier-details h3{font-size:clamp(26px,2.8vw,34px)}
 .atelier-consult{padding-right:25px}.atelier-consult>span{right:12px;font-size:20px}
}
@media(max-width:1100px) and (min-width:901px){.atelier-type{font-size:12px}.atelier-item img{left:53%;width:26%}.atelier-features li{font-size:11px;gap:8px}}
@media(max-width:900px){
 .atelier-list{grid-template-rows:repeat(2,150px)}.atelier-item{height:150px}
 .atelier-number{font-size:28px;top:10px}.atelier-item img{left:48%;top:8px;width:46%;height:82px}
 .atelier-type{top:101px;font-size:13px}.atelier-from{top:126px}
 .atelier-item-arrow{top:115px;width:24px;height:24px}
}
@media(max-width:370px){.atelier-type{font-size:12px}}

/* Arrow paths are centred geometrically; font baselines are not used. */
.atelier-item-arrow,.atelier-life-next{display:grid;place-items:center;line-height:0}
.atelier-item-arrow>.atelier-circle-arrow,.atelier-life-next>.atelier-circle-arrow,.atelier-gallery .circle-button>.atelier-circle-arrow{display:block;width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* Captions belong to the interface; replacement photos contain no baked text. */
.atelier-features img{object-fit:contain}
.atelier-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#101b124d);pointer-events:none}
.atelier-photo-label{position:absolute;z-index:1;left:calc(var(--a-unit)*14);right:calc(var(--a-unit)*52);bottom:calc(var(--a-unit)*14);font:calc(var(--a-unit)*15)/1.2 Georgia,serif;color:#fffdf3;text-shadow:0 1px 5px #0008;pointer-events:none}
.atelier-photo-plus{position:absolute;z-index:1;right:calc(var(--a-unit)*14);bottom:calc(var(--a-unit)*14);width:calc(var(--a-unit)*28);height:calc(var(--a-unit)*28);border-radius:50%;background:#f7f3e8ee;color:#343a2d;display:grid;place-items:center;pointer-events:none}
.atelier-photo-plus svg{display:block;width:57%;height:57%;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round}

/* Remove only the two leaf decorations selected by the owner. */
.atelier-intro::after,.atelier-stage::after{content:none;display:none}

/* Keep portrait plans inside the explicit stage, independent of grid intrinsic sizes. */
.atelier-plan{display:block;min-width:0;min-height:0}
.atelier-plan img{position:absolute;inset:0;display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}
/* Match the architecture content edges, and scale the desktop canvas to its new width. */
@media(min-width:901px){.atelier{margin-inline:var(--gutter)}}
@media(min-width:1251px){.atelier{--a-unit:calc((100vw - var(--gutter) - var(--gutter)) / 1536)}}
@media(min-width:901px) and (max-width:1250px){.atelier-plan{left:6%;right:calc(2% + 66px);width:auto}}
/* The photo strip meets the next section without the former paper spacer. */
.atelier:after{display:none}

/* The lower photo strip is presentational; it opens no photographs. */
.atelier-photo,.atelier-life-next{cursor:default}

/* Keep the plan cards one lead-text line below the copy, instead of bottom-aligned. */
@media(min-width:901px){.atelier-list{position:relative;left:calc(var(--a-unit) * -7);right:auto;bottom:auto;width:calc(100% + var(--a-unit) * 7);margin-top:calc(var(--a-unit) * 23)}}
@media(min-width:901px) and (max-width:1250px){.atelier-list{left:-8px;width:calc(100% + 15px);margin-top:clamp(16.2px,1.62vw,20.25px)}}

/* Card-only vector silhouettes hide the exterior paper; original plans are unchanged. */
.atelier-item img,.atelier-item.is-active img{mix-blend-mode:normal;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.atelier-item:nth-child(1) img{-webkit-mask-image:url("assets/katuna-card-mask-studio-20261030.svg");mask-image:url("assets/katuna-card-mask-studio-20261030.svg")}
.atelier-item:nth-child(2) img{-webkit-mask-image:url("assets/katuna-card-mask-one-20261030.svg");mask-image:url("assets/katuna-card-mask-one-20261030.svg")}
.atelier-item:nth-child(3) img{-webkit-mask-image:url("assets/katuna-card-mask-two-20261030.svg");mask-image:url("assets/katuna-card-mask-two-20261030.svg")}
.atelier-item:nth-child(4) img{-webkit-mask-image:url("assets/katuna-card-mask-three-20261030.svg");mask-image:url("assets/katuna-card-mask-three-20261030.svg")}
.atelier-item-arrow{transition:transform .34s cubic-bezier(.22,.61,.36,1)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.atelier-item:hover .atelier-item-arrow{transform:translateX(5px)}}

/* Owner compass: rotating rose and a separate stationary needle layer, 20% larger. */
.atelier-location .atelier-compass{position:relative;display:block;flex-shrink:0;overflow:visible}
.atelier-compass>svg{position:absolute;left:-10%;top:-10%;width:120%;height:120%;max-width:none;overflow:visible;pointer-events:none}
#atelier-compass-dial,#atelier-compass-needle{transform-origin:51.75233645% 52.97619048%}
#atelier-compass-needle{transform:rotate(-31.19968377deg)}