:root{--paper:#f4efe7;--white:#faf7f1;--ink:#3b3027;--dark:#30271f;--gold:#b39a78;--muted:#8a7b68;--line:#d5c9b9;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Assistant',Arial,sans-serif;font-weight:400;font-size:17px;line-height:1.65}h1,h2,h3,p,figure{margin:0}h2{font-size:clamp(34px,3.5vw,52px);line-height:1.18;font-weight:500}h3{font-size:27px;font-weight:500}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea,select,summary{outline-offset:5px}button{border:0;background:none}img{display:block;max-width:100%}button svg,a svg{width:23px;height:23px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}.skip{position:fixed;top:-100px;z-index:100;background:var(--white);padding:15px}.skip:focus{top:0}.section-pad{padding:90px max(7vw,24px)}.pill{display:inline-flex;align-items:center;gap:20px;border:1px solid currentColor;border-radius:30px;padding:7px 16px;font-size:14px;line-height:1.3;transition:background .2s,color .2s}.pill>span{border:1px solid #b39a7866;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.pill:hover{background:var(--ink);color:var(--paper)}.site-header{height:88px;position:fixed;top:0;inset-inline:0;z-index:30;display:grid;grid-template-columns:170px 1fr 145px 1fr 100px;direction:ltr;align-items:center;gap:25px;padding:0 30px;background:var(--dark);color:var(--paper);border-bottom:1px solid #ffffff12}.site-header nav{display:flex;justify-content:center;gap:24px;direction:rtl;font-size:14px}.site-header nav a{position:relative;white-space:nowrap}.site-header nav a:after{content:'';position:absolute;bottom:-6px;right:0;width:0;height:1px;background:var(--gold);transition:width .25s}.site-header nav a:hover:after{width:100%}.header-meeting{justify-self:start;direction:rtl;font-size:12px;border-color:#b39a7860}.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);line-height:1;letter-spacing:4px;font-size:25px}.brand small{display:block;font-family:Arial,sans-serif;font-size:5px;letter-spacing:1.5px;margin-top:5px;text-align:center}.brand-symbol{display:none}.header-socials{display:flex;gap:10px;justify-content:end}.header-socials a{width:29px;height:29px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:13px}.menu-toggle{display:none}#mobile-nav{position:fixed;inset:72px 0 auto;background:var(--dark);z-index:29;color:var(--paper);padding:15px 25px}#mobile-nav a{display:block;padding:12px;border-bottom:1px solid #ffffff15}.hero{position:relative;height:100svh;min-height:650px;max-height:1050px;background:var(--dark);color:var(--white);overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#211a15c9 0%,#211a1522 65%),linear-gradient(270deg,#211a1566,transparent 80%)}.hero-content{position:absolute;right:6vw;top:48%;transform:translateY(-15%);max-width:760px}.hero-content>p{font-size:23px;font-weight:600}.hero-content h1{font-family:var(--serif);font-weight:400;font-size:clamp(90px,12vw,172px);letter-spacing:12px;line-height:1.2;color:#ead9ba;margin:13px 0 12px;text-align:right}.hero-values{display:flex;align-items:center;gap:20px;font-size:15px;margin-bottom:30px}.hero-values i{font-style:normal;color:var(--gold)}.pill.light{border-color:#f4efe777}.pill.light:hover{background:var(--paper);color:var(--ink)}.discover{position:absolute;bottom:0;left:50%;display:flex;flex-direction:column;align-items:center;gap:20px;transform:translateX(-50%);font-family:var(--serif);font-size:10px}.discover i{height:70px;width:1px;background:#f4efe780}.section-label{display:flex;gap:20px;align-items:center;margin-bottom:48px;color:var(--muted)}.section-label>span:first-child{font-family:var(--serif);font-size:22px;line-height:1}.section-label i{height:1px;background:var(--line);flex:1}.small-emblem{font-family:var(--serif);font-size:26px}.about{background:var(--paper)}.about-top{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.about-heading h2{font-size:clamp(34px,3.8vw,52px);margin:0 0 32px}.about-intro{font-size:17px;line-height:1.65;max-width:480px}.about-intro p+p{margin-top:14px}.about-wide{position:relative;width:min(860px,100%);height:470px;margin:65px auto 0;overflow:hidden;border-radius:4px}.about-wide>img{width:100%;height:100%;object-fit:cover;object-position:50% 31%}.about-wide figcaption{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;padding:14px 24px;color:var(--white);background:linear-gradient(transparent,#251c16b0);font-size:13px}.about-wide figcaption span:first-child{font-family:var(--serif);letter-spacing:2px}.story-details{width:min(860px,100%);margin:25px auto 0;border-bottom:1px solid var(--line)}.story-details summary{display:flex;justify-content:space-between;padding:10px 0;font-size:15px}.story-copy{max-width:680px;padding:20px 0 30px}.story-copy p+p{margin-top:16px}.display-heading{position:relative;text-align:center;padding:30px 20px 0;height:180px;overflow:hidden;background:var(--dark);color:var(--paper)}.display-heading h2{position:relative;z-index:1;font-size:36px;font-weight:600}.display-heading>span{position:absolute;top:40px;right:0;left:0;color:#b39a7830;font-family:var(--serif);font-size:clamp(110px,14vw,210px);line-height:1.2;letter-spacing:5px}.specialty-stage{position:relative;height:540px;overflow:hidden}.specialty-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.specialty-stage:after{content:'';position:absolute;inset:0;background:#2c211867;pointer-events:none}.specialty-links{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);z-index:1}.specialty-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #f4efe72b;color:var(--white);font-size:26px;font-weight:600;text-align:center;padding:20px;transition:background .3s}.specialty-links a:hover{background:#30271f60;color:#ead5b1}.specialty-links i{font-style:normal;font-weight:300;font-size:22px;margin-top:16px;opacity:0;transform:translateY(8px);transition:.3s}.specialty-links a:hover i{opacity:1;transform:none}.gallery-section{background:var(--white);padding:70px 20px 35px}.gallery-title{text-align:center;margin-bottom:45px}.gallery-title>p:first-child{font-family:var(--serif);font-size:12px;letter-spacing:3px;color:var(--muted);margin-bottom:18px}.gallery-title h2{margin-bottom:16px}.gallery-title>p:last-child{color:var(--muted);font-size:16px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;direction:rtl}.gallery-open{position:relative;overflow:hidden;padding:0;aspect-ratio:1.5;display:block;width:100%;text-align:center}.gallery-open img{width:100%;height:100%;object-fit:cover;transition:transform .8s;object-position:center 50%}.gallery-open:nth-child(1) img{object-position:50% 44%}.gallery-open:hover img{transform:scale(1.035)}.gallery-caption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#30271f00;color:transparent;transition:.35s}.gallery-open:hover .gallery-caption,.gallery-open:focus-visible .gallery-caption{background:#30271f70;color:white}.gallery-caption strong{font-size:27px;font-weight:400}.gallery-caption small{font-family:var(--serif);letter-spacing:2px;font-size:11px;border-top:1px solid #ffffff60;padding-top:10px;margin-top:10px}.gallery-note{text-align:center;color:var(--muted);font-size:12px;padding-top:25px}.packages{background:var(--paper)}.center-title{text-align:center;max-width:700px;margin:0 auto 45px}.center-title h2{margin-bottom:18px}.center-title p{font-size:17px;color:var(--muted)}.package-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;max-width:1150px;margin:auto;align-items:start}.family-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin-bottom:30px}.family-tabs button{font-size:14px;flex:1;padding:14px 5px;white-space:nowrap;border-bottom:2px solid transparent}.family-tabs button[aria-selected=true]{border-color:var(--ink);font-weight:600}.family-name{font-family:var(--serif);font-size:14px;letter-spacing:2px;margin-bottom:15px;color:var(--muted);text-align:right}.service-card{display:block;text-align:right;width:100%;padding:22px 0;border-top:1px solid var(--line)}.service-card-title{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.service-card-title strong{font-family:var(--serif);font-size:27px;font-weight:400}.service-card-title>span{font-size:14px;color:var(--muted)}.service-description{display:block;font-size:16px;margin:14px 0;line-height:1.7;max-width:520px}.service-open{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.service-open i{font-style:normal;font-size:22px;line-height:1}.service-card:hover .service-open{color:var(--ink)}.package-note{font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:12px}.package-visual{position:sticky;top:115px}.package-visual img{aspect-ratio:4/5;object-fit:cover;width:100%;transition:opacity .25s,transform .6s}.package-visual img.changing{opacity:.2;transform:scale(.985)}.package-visual figcaption{font-family:var(--serif);font-size:10px;letter-spacing:3px;text-align:center;padding-top:14px}.studio-world{background:#e7dece}.world-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}.world-grid h2{margin-bottom:25px}.world-lead{font-size:21px;max-width:500px;line-height:1.65;margin-bottom:35px}.world-collage img{width:100%;max-height:650px;object-fit:contain}.editorial-accordions details{border-top:1px solid #c3b49f}.editorial-accordions details:last-child{border-bottom:1px solid #c3b49f}.editorial-accordions summary{display:flex;justify-content:space-between;padding:20px 0;font-size:18px}.editorial-accordions summary>span{font-size:22px;line-height:1.3}.editorial-accordions details>div{padding-bottom:25px;font-size:16px;line-height:1.8}.editorial-accordions p+p{margin-top:14px}.editorial-accordions h2{font-size:23px;margin:20px 0 14px}.editorial-accordions article+article{margin-top:30px}.editorial-accordions .principles{display:grid;gap:24px;margin:25px 0}.principles strong{display:block}.principles>p>span{font-family:var(--serif);font-size:11px;display:block;color:var(--muted)}.expectations-closing{border-top:1px solid #c3b49f;padding-top:20px}.journey{background:var(--white)}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1100px;margin:auto;align-items:start}.step{border-top:1px solid var(--line)}.step:last-child{border-bottom:1px solid var(--line)}.step summary{display:grid;grid-template-columns:30px 1fr 20px;gap:20px;padding:20px 0;font-size:20px;align-items:center}.step summary small{font-family:var(--serif);color:var(--muted);font-size:12px}.step summary i{font-style:normal;font-size:18px}.step[open] summary i{transform:rotate(45deg)}.step>p{font-size:16px;padding:0 50px 25px 10px;color:var(--muted)}.journey-visual{position:sticky;top:115px}.journey-visual img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .25s}.journey-visual img.changing{opacity:.15}.journey-visual figcaption{font-size:13px;color:var(--muted);text-align:center;padding-top:14px}.journey-note{max-width:760px;font-size:12px;text-align:center;color:var(--muted);margin:35px auto 0}.contact{background:#d9c8af}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:1100px;margin:auto}.contact-intro h2{font-size:clamp(34px,4vw,56px);line-height:1.2;margin-bottom:25px}.contact-intro>p{max-width:380px;font-size:17px;margin-bottom:25px}.contact-intro>a{display:block;width:fit-content;font-size:17px;margin-top:7px}.socials{display:flex;gap:10px;margin-top:24px}.socials>a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #8a745950;border-radius:50%}.socials>a:hover{background:var(--ink);color:var(--paper)}label{display:block;font-size:14px;margin-bottom:24px}label>span{font-size:10px;color:#7d6046}input,textarea,select{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #8f7962;border-radius:0;padding:12px 0;font-size:16px;color:var(--ink);outline-offset:2px}input::placeholder,textarea::placeholder{color:#8d7964}textarea{height:86px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}form .small-note{font-size:12px;color:#7d6d5a;display:block;margin:15px 0}form button[type=submit],.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 20px;border:1px solid var(--ink);border-radius:28px;font-size:16px;margin-top:20px;background:var(--ink);color:var(--paper)}footer{background:var(--dark);color:var(--paper);padding:35px 7vw 20px}.footer-brand{display:block;width:150px;height:150px;overflow:hidden;margin:0 auto 25px}.footer-brand img{width:100%;height:100%;object-fit:cover}.footer-links{display:flex;justify-content:center;gap:30px;font-size:14px;margin-bottom:25px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid #ffffff20;font-size:11px;color:#c7b99f}.floating-wa{position:fixed;bottom:25px;left:25px;z-index:25;width:51px;height:51px;background:#e8d5b4;color:var(--ink);border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 20px #30271f20}.floating-wa svg{width:26px;height:26px}dialog{border:0;background:var(--white);color:var(--ink);padding:65px 40px 35px;max-width:min(760px,94vw);width:760px;max-height:88svh;overflow:auto}dialog::backdrop{background:#211a15bb;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:15px;left:18px;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;font-size:26px;line-height:1}.dialog-kicker{font-size:12px;color:var(--muted)}#service-content h2{font-family:var(--serif);font-size:48px;font-weight:400;margin:14px 0 10px;text-align:right}#service-content h3{font-size:28px;margin-bottom:20px}.service-summary{font-size:19px;line-height:1.8;margin-bottom:20px}.service-price{font-family:var(--serif);font-size:30px}.launch-note{font-size:12px;color:var(--muted);margin-bottom:25px}.detail-pages{margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-pages summary{padding:15px 0;font-size:15px}.service-source{white-space:pre-line;line-height:1.9;font-size:16px;border-top:1px solid var(--line);padding:24px 0}.choose-service{margin-top:12px;background:var(--ink);color:var(--white);padding:10px 25px;border-radius:25px}#image-dialog{width:1050px;max-width:95vw;text-align:center;padding:60px 18px 20px}#image-dialog img{max-height:75svh;width:100%;object-fit:contain}#image-dialog p{font-size:13px;margin-top:12px}#send-dialog h2{margin-bottom:20px}#send-dialog .pill{margin:25px 0 0 12px}#send-dialog .send-note{font-size:12px;color:var(--muted);margin-top:25px}body.modal-open{overflow:hidden}
@media(min-width:1500px){.section-pad{padding-inline:max(10vw,calc((100vw - 1250px)/2))}}
@media(max-width:1100px){.site-header{gap:15px;grid-template-columns:140px 1fr 115px 1fr 65px;padding-inline:22px}.site-header nav{gap:15px;font-size:12px}.header-socials{gap:5px}.header-socials a{width:26px;height:26px}.header-meeting{font-size:11px}.about-top{gap:7vw}.hero-values{font-size:13px}.specialty-links a{font-size:22px}.section-pad{padding-inline:6vw}.family-tabs button{font-size:12px}.service-card-title{display:block}.service-card-title>span{display:block;margin-top:5px}}
@media(max-width:760px){html{scroll-padding-top:84px}.site-header{height:72px;grid-template-columns:1fr 110px 1fr;padding-inline:20px;gap:12px}.site-header nav,.header-socials{display:none}.brand{grid-column:2;font-size:25px}.header-meeting{grid-column:1;grid-row:1;font-size:11px;padding:7px 11px;gap:8px}.header-meeting>span{display:none}.menu-toggle{display:flex;grid-column:3;grid-row:1;justify-self:end;flex-direction:column;gap:6px;width:28px;padding:4px}.menu-toggle span{height:1px;width:22px;background:var(--paper)}.hero{height:90svh;min-height:600px;max-height:900px}.hero-image{object-position:42% 42%}.hero-shade{background:linear-gradient(0deg,#211a15de,transparent 95%)}.hero-content{top:auto;bottom:145px;right:7vw;left:7vw;transform:none}.hero-content>p{font-size:17px}.hero-content h1{font-size:91px;letter-spacing:8px;margin:12px 0}.hero-values{display:block;font-size:14px;margin-bottom:25px}.hero-values span{display:block}.hero-values i{display:none}.hero .pill{font-size:13px}.discover i{height:45px}.section-pad{padding:55px 6vw}.section-label{margin-bottom:35px;gap:14px}.section-label>span:first-child{font-size:18px}h2{font-size:36px}.about-top{grid-template-columns:1fr;gap:28px}.about-heading h2{font-size:39px;margin-bottom:20px}.about-heading h2 br:nth-child(2){display:none}.about-intro{font-size:16px}.about-wide{height:360px;margin-top:35px}.about-wide img{object-position:50% 25%}.about-wide figcaption{font-size:11px;padding:12px;gap:20px}.about-wide figcaption span:last-child{max-width:150px}.display-heading{height:130px;padding-top:25px}.display-heading h2{font-size:25px}.display-heading>span{font-size:83px;top:40px}.specialty-stage{height:520px}.specialty-links{grid-template-columns:1fr}.specialty-links a{font-size:23px;border-left:0;border-bottom:1px solid #ffffff45;gap:8px;flex-direction:row}.specialty-links i{margin:0;opacity:1;transform:none}.gallery-section{padding:50px 12px 25px}.gallery-title{padding:0 12px;margin-bottom:30px}.gallery-title>p:last-child{font-size:15px;max-width:290px;margin:auto}.gallery-grid{gap:12px}.gallery-open{aspect-ratio:.78}.gallery-caption{inset:auto 0 0;background:linear-gradient(transparent,#30271f9c);color:var(--white);padding:20px 6px 12px}.gallery-caption strong{font-size:16px}.gallery-caption small{font-size:7px;letter-spacing:1px;padding-top:5px;margin-top:6px}.gallery-note{font-size:10px;padding-inline:15px}.center-title{margin-bottom:30px}.center-title p{font-size:16px}.package-layout{grid-template-columns:1fr;gap:28px}.package-visual{position:relative;top:0;max-width:100%;order:1}.package-visual img{aspect-ratio:1.2;object-position:50% 58%}.family-tabs{flex-wrap:wrap;display:grid;grid-template-columns:1fr 1fr;margin-bottom:22px}.family-tabs button{font-size:14px;padding:12px 5px}.service-card-title{display:flex}.service-card-title strong{font-size:25px}.service-card-title>span{font-size:12px;max-width:145px}.service-description{font-size:15px}.world-grid{grid-template-columns:1fr;gap:30px}.world-grid h2{font-size:37px}.world-lead{font-size:19px}.world-collage{max-width:100%;width:100%}.world-collage img{height:440px;object-fit:cover;object-position:50% 40%}.editorial-accordions summary{font-size:17px}.journey-grid{grid-template-columns:1fr;gap:25px}.journey-visual{position:relative;top:0;order:-1}.journey-visual img{aspect-ratio:1.4;object-position:50% 45%}.step summary{font-size:19px;padding:17px 0;gap:14px;grid-template-columns:24px 1fr 16px}.step>p{padding-right:38px;font-size:15px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-intro h2{font-size:38px}.contact-intro>p{font-size:16px}.contact-intro>a{font-size:15px}.form-row{gap:18px}label{margin-bottom:22px}.footer-bottom{flex-wrap:wrap;justify-content:center;gap:12px;text-align:center}.footer-links{gap:22px;font-size:13px}.footer-brand{width:130px;height:130px}.floating-wa{width:45px;height:45px;bottom:17px;left:17px}dialog{padding:60px 22px 30px}#service-content h2{font-size:37px}#service-content h3{font-size:25px}.service-summary{font-size:17px}.service-source{font-size:15px}.story-copy{font-size:16px}.pill{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.about-wide>img{object-position:50% 12%}.brand-symbol{display:block;width:32px;height:34px;background:url(ciele-brand-2026.webp) 50% -49px/150px 187px no-repeat;filter:grayscale(1) contrast(3) invert(1);mix-blend-mode:screen;margin-bottom:3px}.brand{font-size:22px}.brand small{font-size:4px}.header-socials svg{width:14px;height:14px}@media(max-width:760px){.brand{font-size:20px}.brand-symbol{width:28px;height:29px;background-size:130px 162px;background-position:50% -43px}}

@media(max-width:760px){.hero-image{transform:scale(1.22);transform-origin:50% 100%}}

/* Updated identity and About portrait */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-symbol{width:52px;height:54px;background-size:230px 287px;background-position:50% -76px;margin:0}.hero{margin-top:88px;height:calc(100svh - 88px);min-height:570px;max-height:1000px;background:#e7dac8}.hero-image{object-fit:cover;object-position:50% 48%;transform:none}.hero-shade{display:none}.discover{color:#5c422c;font-weight:600}.discover i{background:#5c422c80;height:40px}.about-wide>img{object-position:50% 48%}@media(max-width:760px){.brand-symbol{width:44px;height:46px;background-size:200px 250px;background-position:50% -66px}.hero{margin-top:72px;height:auto;min-height:0;max-height:none}.hero-image{position:relative;height:auto;object-fit:contain;transform:none}.discover{bottom:0}.discover>span{font-size:8px}.discover i{height:22px}.about-wide{height:430px}.about-wide>img{object-position:50% 52%}}

.hero .discover{display:none}

/* Image-free service selection */
.package-layout{grid-template-columns:1fr;max-width:1080px;margin-inline:auto}

.site-header .brand-symbol{display:block;width:64px;height:64px;object-fit:contain;background:none;filter:none;mix-blend-mode:normal;margin:0}
@media(max-width:760px){.site-header .brand-symbol{width:52px;height:52px}}

/* Quiet identity, expressive scroll choreography */
.site-header .brand-symbol{width:42px;height:42px}
footer .footer-brand{display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;margin-inline:auto;background:none}
footer .footer-brand img{width:66px;height:66px;object-fit:contain;aspect-ratio:1;background:none}
footer .footer-brand>span{font-family:var(--serif);font-size:38px;line-height:1.2;letter-spacing:9px;padding-left:9px;color:var(--paper)}
html.motion-ready .scroll-reveal{opacity:0;transform:translate3d(0,74px,0);transition:opacity .9s ease,transform 1.15s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}
html.motion-ready .scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.about-wide,.specialty-stage,.world-collage,.journey-visual{overflow:hidden}
.scroll-photo{transform:translate3d(0,var(--scroll-shift,0px),0) scale(1.12);will-change:transform}
.gallery-open{overflow:hidden}
.gallery-open img.scroll-photo{transition:filter .4s;transform:translate3d(0,var(--scroll-shift,0px),0) scale(1.15)}
.section-label{overflow:hidden}.section-label i{transform-origin:right;transition:transform 1.2s ease}
html.motion-ready .section-label:not(.is-visible) i{transform:scaleX(0)}
.family-panel:not([hidden]){animation:panel-enter .65s cubic-bezier(.2,.75,.2,1) both}
@keyframes panel-enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.site-header .brand-symbol{width:36px;height:36px}html.motion-ready .scroll-reveal{transform:translate3d(0,48px,0)}footer .footer-brand>span{font-size:32px}footer .footer-brand img{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){html.motion-ready .scroll-reveal{opacity:1;transform:none}.scroll-photo,.gallery-open img.scroll-photo{transform:none;will-change:auto}.family-panel:not([hidden]){animation:none}.section-label i{transform:none!important}}

/* Balanced opening and portrait at every viewport size */
.hero{height:clamp(400px,72svh,720px);min-height:0;max-height:none;display:flex;align-items:center;justify-content:center;isolation:isolate;background:#e7dac8}
.hero-image{position:relative;inset:auto;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,.96));transform-origin:50% 50%;will-change:transform;opacity:var(--hero-opacity,1)}
.about-wide{width:min(380px,100%);height:clamp(360px,57svh,540px);margin:44px auto 0;border-radius:2px}
.about-wide>img.scroll-photo{object-fit:cover;object-position:50% 54%;transform:translate3d(0,var(--scroll-shift,0px),0) scale(1.07)}
@media(max-width:760px){.hero{height:clamp(350px,68svh,610px);min-height:0;margin-top:72px}.hero-image{width:100%;height:100%;object-fit:contain}.about-wide{width:min(300px,100%);height:400px;max-height:64svh;margin-top:30px}.about-wide>img.scroll-photo{object-position:50% 52%}.about-wide figcaption{flex-direction:column;gap:2px}.about-wide figcaption span:last-child{max-width:none}}
@media(prefers-reduced-motion:reduce){.hero-image{transform:none;opacity:1;will-change:auto}.about-wide>img.scroll-photo{transform:none}}

/* Full-bleed stone, complete logo, and an editorial About column */
.hero{height:calc(100svh - 88px);min-height:480px;max-height:none;overflow:hidden;background:#dfcfb8;perspective:1200px}
.hero:before{content:'';position:absolute;inset:-8%;z-index:-1;background-image:url(ciele-brand-2026.webp);background-size:400% auto;background-position:0 0;transform:translate3d(0,var(--stone-y,0px),0) scale(1.08);filter:blur(5px);pointer-events:none}
.hero-image{width:100%;height:100%;padding:15px 0;object-fit:contain;mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 75%,transparent 100%);transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-scale,1)) rotateX(var(--hero-tilt,0deg));opacity:var(--hero-opacity,1)}
.about-top{grid-template-columns:1fr 1.1fr;gap:8vw;align-items:start;max-width:1120px}
.about-heading{position:sticky;top:140px}
.about-profile{min-width:0}
.about-profile .about-wide{width:100%;height:auto;aspect-ratio:4/5;max-height:600px;margin:0 0 32px;border-radius:0}
.about-profile .about-wide>img{height:100%;object-position:50% 55%}
.about-profile .about-intro{margin-top:0}
.about-profile .story-details{width:100%;max-width:none;margin-top:28px}
@media(max-width:760px){.hero{height:calc(100svh - 72px);min-height:450px}.hero:before{background-size:650% auto}.hero-image{padding:0;mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 83%,transparent 100%)}.about-top{grid-template-columns:1fr;gap:30px}.about-heading{position:static}.about-profile .about-wide{width:min(100%,390px);aspect-ratio:4/5;max-height:none;height:auto;margin:0 auto 26px}.about-heading h2 br{display:block}}
@media(prefers-reduced-motion:reduce){.hero-image{transform:none;opacity:1}.hero:before{transform:scale(1.08)}}

/* Architectural opening: one wall, oversized identity, ceremonial reveal. */
.hero{background:#ddcab0}
.hero:before{inset:-12%;background-size:450% auto;filter:none;transform:translate3d(0,var(--stone-y,0px),0) scale(1.06)}
.hero .hero-lockup{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;max-width:none;padding:24px 5vw 34px;mask-image:none;object-fit:initial;color:#755431;text-align:center;filter:drop-shadow(0 1px 1px #fff7e4a0);animation:identity-arrives 2.1s cubic-bezier(.2,.7,.2,1) both}
.hero-mark{width:clamp(125px,27svh,265px);height:clamp(125px,27svh,265px);object-fit:contain;filter:brightness(0) saturate(100%) invert(32%) sepia(33%) saturate(705%) hue-rotate(349deg) brightness(91%) contrast(87%)}
.hero-name{font-family:var(--serif);font-weight:400;font-size:clamp(86px,18vw,270px);letter-spacing:.075em;line-height:.92;padding-left:.075em;white-space:nowrap}
.hero-tagline{font-family:var(--serif);font-size:clamp(9px,1.5vw,22px);letter-spacing:.19em;line-height:1.5;white-space:nowrap}
.hero-studio{font-family:var(--serif);font-style:italic;font-size:clamp(19px,3.2vw,41px);line-height:1.3;margin-top:6px}
.entrance-reveal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;pointer-events:none;background:#30271f;animation:stone-unveils 1.8s cubic-bezier(.77,0,.18,1) both}
.entrance-reveal img{width:65px;height:65px;object-fit:contain;animation:seal-fades 1.3s ease both}
@keyframes stone-unveils{0%,28%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
@keyframes seal-fades{0%{opacity:0;transform:scale(.8)}30%,55%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1)}}
@keyframes identity-arrives{0%,25%{opacity:0;translate:0 40px;filter:blur(8px)}100%{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:760px){.hero .hero-lockup{padding:24px 5vw;gap:18px}.hero-mark{width:clamp(140px,26svh,230px);height:clamp(140px,26svh,230px)}.hero-name{font-size:19vw;letter-spacing:.035em;padding-left:.035em}.hero-tagline{font-size:clamp(7px,2.1vw,12px);letter-spacing:.08em}.hero-studio{font-size:6vw}.hero:before{background-size:700% auto}}
@media(prefers-reduced-motion:reduce){.entrance-reveal{display:none}.hero .hero-lockup{animation:none;translate:none;filter:none}}

/* Original embossed identity, with a cinematic split reveal. */
.hero:before{background-image:url(ciele-original-stone.webp)}
.hero .hero-original{position:absolute;inset:0;width:100%;height:100%;padding:0;mask-image:none;overflow:visible;animation:original-arrives 2.4s cubic-bezier(.2,.7,.2,1) both}
.hero-original>img{position:absolute;left:50%;top:50%;width:min(100vw,calc((100svh - 88px)*1.55));height:auto;max-width:none;transform:translate(-50%,-50%);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.hero:after{content:'';position:absolute;inset:-30%;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#fff5dc36 48%,transparent 58%);mix-blend-mode:soft-light;animation:light-arrives 3.5s ease-out both}
.entrance-reveal{background:none;animation:entrance-complete 2.1s step-end both;overflow:hidden}
.entrance-reveal:before,.entrance-reveal:after{content:'';position:absolute;top:0;bottom:0;width:50.1%;background:#30271f;animation:curtain-left 2s cubic-bezier(.77,0,.18,1) both}
.entrance-reveal:before{left:0}.entrance-reveal:after{right:0;animation-name:curtain-right}
.entrance-reveal img{z-index:1;animation:seal-fades 1.4s ease both}
@keyframes curtain-left{0%,32%{transform:translateX(0)}100%{transform:translateX(-101%)}}
@keyframes curtain-right{0%,32%{transform:translateX(0)}100%{transform:translateX(101%)}}
@keyframes entrance-complete{0%,99%{visibility:visible}100%{visibility:hidden}}
@keyframes original-arrives{0%,25%{opacity:.2;filter:blur(6px);scale:1.05}100%{opacity:1;filter:blur(0);scale:1}}
@keyframes light-arrives{0%,20%{translate:-45% 0;opacity:0}45%{opacity:1}100%{translate:45% 0;opacity:0}}
@media(max-width:760px){.hero-original>img{width:min(140vw,calc((100svh - 72px)*1.55));mask-image:linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent)}}
@media(prefers-reduced-motion:reduce){.hero .hero-original{animation:none}.hero:after{display:none}.entrance-reveal{display:none}}

/* Full-quality original, with a single upward reveal. */
.hero:before{background-image:url(ciele-original-stone-full.png);filter:none}
.hero .hero-original{animation:none;filter:none!important;opacity:1!important;scale:1;transform:translate3d(0,var(--hero-y,0px),0);will-change:transform}
.hero-original>img{mask-image:none;filter:none;image-rendering:auto;width:min(100vw,1122px,calc((100svh - 88px)*1.5))}
.hero:after{display:none}
.entrance-reveal{background:#30271f;animation:upward-exposure 1.65s cubic-bezier(.76,0,.24,1) both}
.entrance-reveal:before,.entrance-reveal:after{display:none;animation:none}
.entrance-reveal img{animation:seal-fades 1.1s ease both}
@keyframes upward-exposure{0%,22%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}
@media(max-width:760px){.hero-original>img{width:min(140vw,1122px,calc((100svh - 72px)*1.5));mask-image:none}}
@media(prefers-reduced-motion:reduce){.entrance-reveal{display:none}.hero .hero-original{transform:none}}

/* Proportional uncut artwork and a slow dissolve, without a moving curtain. */
.hero{height:calc(100svh - 88px);min-height:0;max-height:none}
.hero .hero-original{position:absolute;inset:0;width:100%;height:100%;padding:24px clamp(12px,3vw,48px);overflow:hidden;perspective:none;transform:none!important;will-change:auto;animation:artwork-dissolve 3.4s ease-out both}
.hero-original>img{position:static;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;transform:none;mask-image:none;filter:none}
.entrance-reveal{background:#30271f;clip-path:none!important;animation:slow-dissolve 3.2s ease-in-out both}
.entrance-reveal img{animation:seal-dissolve 2.6s ease-in-out both}
@keyframes slow-dissolve{0%,8%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes seal-dissolve{0%{opacity:0}20%,38%{opacity:1}100%{opacity:0}}
@keyframes artwork-dissolve{0%{opacity:.2}100%{opacity:1}}
@media(max-width:760px){.hero{height:calc(100svh - 72px);min-height:0}.hero .hero-original{padding:24px 12px}.hero-original>img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;mask-image:none}}
@media(prefers-reduced-motion:reduce){.entrance-reveal{display:none}.hero .hero-original{animation:none}}

/* Seamless outpainted stone wall fills wide screens, with no side panels. */
.hero .hero-original{padding:0}
.hero-original picture{display:block;width:100%;height:100%}
.hero-original picture>img{display:block;position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform:none;filter:none;mask-image:none}
.hero:before{background-image:url(ciele-stone-wide.png);background-size:450% auto}
@media(max-aspect-ratio:1/1){.hero-original picture>img{object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}}

/* iPhone: preserve the complete desktop artwork at its natural landscape ratio. */
@media(max-width:760px){
 .hero{height:auto;min-height:0;max-height:none;aspect-ratio:1640/959;margin-top:72px}
 .hero .hero-original{padding:0;inset:0;overflow:visible;transform:none!important}
 .hero-original picture,.hero-original picture>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;transform:none}
 .hero:before{display:none}
}

/* A larger opening identity, with room around every line of the logo. */
.hero-original picture{overflow:hidden}
.hero-original picture>img{transform:scale(1.18);transform-origin:50% 50%}
@media(max-width:760px){.hero-original picture>img{transform:scale(1.18)}}