@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Jost:wght@400;450;500;550;600&display=swap');
:root{--ink:#302e2b;--muted:#746f66;--paper:#faf8f3;--line:#dfd8cc;--wash:#f1ebe0;--deep:#29272a;--gold:#a88a46;--serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',Arial,sans-serif}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;isolation:isolate;background:#252630;color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;border:0}button:disabled{cursor:not-allowed}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b79a58;outline-offset:4px}
.landscape{position:fixed;inset:0;z-index:-2;overflow:hidden;background:#252630}
.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#171720a6 0%,#24243033 62%,#24243020),linear-gradient(0deg,#16171f66,transparent 80%);pointer-events:none}
.site-header{max-width:1440px;margin:auto;padding:28px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.brand{display:flex;align-items:center;gap:20px;text-decoration:none}
.wordmark{font-family:var(--serif);font-size:3.65rem;font-weight:500;line-height:1;letter-spacing:-1.7px}
.brand-sense{font-size:.75rem;letter-spacing:.3em;border-left:1px solid #ffffff55;padding:9px 0 9px 20px}
.header-links{display:flex;align-items:center;gap:32px}
.concept-badge{font-size:.75rem;letter-spacing:.11em;color:#e9e2d4}
.quiet-button{background:transparent;border-bottom:1px solid #ffffff70;padding:7px 0;font-size:.875rem;color:#fff}
.studio{max-width:1320px;margin:18px auto 0;padding:0 44px;display:grid;grid-template-columns:minmax(290px,.86fr) minmax(0,1.2fr);gap:70px;align-items:start}
.story{position:sticky;top:35px;color:#fff;padding-top:28px}
.story-kicker{font-size:.75rem;letter-spacing:.11em;margin:0 0 25px;max-width:360px;color:#e8dfca}
.story h2{font-family:var(--serif);font-size:4.1rem;font-weight:400;line-height:1.06;letter-spacing:-.6px;margin:0 0 23px}
.story h2 em{font-weight:400;color:#e6d2a6;font-size:.82em}
.story-copy{font-size:1rem;line-height:1.7;max-width:335px;color:#e9e2d7;margin:0}
.portrait{border-top:1px solid #e7ddc344;margin-top:44px;padding-top:21px;max-width:390px}
.portrait-eyebrow{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;letter-spacing:.06em;color:#e2dbcd}
.portrait-eyebrow>span:last-child{letter-spacing:0;color:#d4c7a9}
.portrait h3{font-family:var(--serif);font-weight:400;font-size:2.1rem;line-height:1.15;margin:17px 0 8px;color:#fff}
.portrait p{font-size:.875rem;line-height:1.7;margin:0;color:#e4dfd5}
.portrait-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}
.portrait-tag{border:1px solid #ffffff40;border-radius:4px;padding:4px 8px;color:#f0e9d9;font-size:.75rem;background:#25232b44}
.mini-meters{display:grid;gap:12px;margin-top:20px}
.mini-meter{display:grid;grid-template-columns:98px 1fr 99px;align-items:center;gap:10px;font-size:.75rem;color:#eae2d1}
.mini-meter>span:last-child{text-align:right}
.meter-track{height:3px;background:#ffffff2c;position:relative;border-radius:4px}
.meter-dot{position:absolute;left:calc(var(--position)*1%);top:-3px;width:9px;height:9px;border-radius:50%;background:#d5bd81;transform:translateX(-50%)}
.portrait-context{border-top:1px solid #ffffff26;padding-top:14px!important;margin-top:17px!important;font-size:.75rem!important}
.origin-note{display:flex;align-items:center;gap:14px;margin-top:33px;font-size:.75rem;letter-spacing:.08em;line-height:1.8;color:#ded5c3}
.origin-rule{width:40px;height:1px;background:#cbb477}
.workbench{background:var(--paper);border-radius:12px;border:1px solid #c3a76b66;box-shadow:0 22px 70px #18171e42;overflow:hidden;min-width:0}#progress{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding:23px 32px 19px;background:#ffffff38}
.step-link{position:relative;display:flex;align-items:center;gap:6px;padding:3px 0;background:none;color:#918a7d;font-size:.75rem;white-space:nowrap}
.step-link.active{color:var(--deep);font-weight:650}
.step-link.active:after{content:'';position:absolute;bottom:-20px;left:0;right:0;height:2px;background:var(--gold)}
.step-number{font-size:.75rem;font-weight:500;color:#a29783}
.step-link.active .step-number,.step-link.complete .step-number{color:var(--gold)}
.step-link:disabled{opacity:.55}
.journey{padding:30px 38px 25px;min-width:0}#step-content{animation:arrive .28s ease both}
.eyebrow{color:#8a6c31;letter-spacing:.1em;font-size:.75rem;font-weight:550;text-transform:uppercase;margin:0 0 11px}
.step-heading{font-family:var(--serif);font-size:2.8rem;font-weight:500;line-height:1.05;letter-spacing:-.25px;margin:0 0 15px;outline:none}
.step-heading em{font-weight:400;color:#897449}
.intro{font-size:1rem;line-height:1.6;color:var(--muted);margin:0 0 25px;max-width:490px}
.field-group{border:0;padding:0;margin:0 0 23px;min-width:0}
.field-label{font-weight:550;font-size:.875rem;margin:0 0 10px;padding:0;width:100%}
.field-hint{font-size:.75rem;font-weight:400;color:var(--muted);margin-left:5px}
.segmented{display:flex;gap:4px;background:#eee8dc;padding:4px;border-radius:7px}
.segment{flex:1;background:transparent;border-radius:4px;padding:9px 7px;font-size:.875rem;min-width:0}
.segment[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #342c2112}
.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.care-option{display:flex;align-items:flex-start;gap:11px;text-align:left;background:#fffdf8;border:1px solid #e3dbcd;padding:14px 12px;border-radius:7px;transition:background .2s,border .2s;min-height:91px}
.care-option:hover,.chip:hover{border-color:#b8a274;background:#f6efdf}
.care-option[aria-pressed=true]{background:#f2e9d6;border-color:#b09358}
.goal-icon{width:23px;height:23px;flex-shrink:0;color:#9f8041;margin-top:1px}
.care-copy{font-size:.875rem;font-weight:550;line-height:1.35}
.care-copy small{display:block;font-size:.75rem;line-height:1.4;font-weight:400;color:var(--muted);margin-top:5px}
.selection-dot{width:14px;height:14px;border:1px solid #d0c4a7;display:grid;place-items:center;font-size:10px;flex-shrink:0;border-radius:50%;margin-left:auto;color:transparent}
.care-option[aria-pressed=true] .selection-dot{background:var(--deep);border-color:var(--deep);color:#fff}
.journey-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}
.action-note{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem}
.action-note svg{width:15px;height:15px}
.action-right{display:flex;align-items:center;gap:17px}
.primary-button{display:flex;align-items:center;justify-content:center;gap:22px;color:#fff;background:var(--deep);border-radius:6px;min-height:47px;padding:13px 22px;font-size:.875rem;transition:background .2s,transform .2s}
.primary-button:hover{background:#44404a;transform:translateY(-1px)}
.primary-button:disabled{background:#e9e3d8;color:#9a9181;transform:none}
.back-button{background:none;padding:10px 0;font-size:.875rem;color:var(--muted)}
.back-button span{margin-right:8px}
.text-button{background:none;font-size:.875rem;color:#806a42;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.workbench-footer{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 30px;background:#f1ece2;border-top:1px solid var(--line);color:#7a7264;font-size:.75rem}
.workbench-footer button{background:none;font-size:.75rem;padding:3px 0;text-align:left;color:inherit}
.workbench-footer>span{white-space:nowrap}
.site-footer{max-width:1320px;margin:0 auto;padding:30px 44px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#ddd5c5;font-size:.75rem}
.site-footer button{background:none;color:inherit;font-size:.75rem;text-decoration:underline;text-underline-offset:4px;padding:3px 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fffdf8;border:1px solid #e2dbcd;border-radius:6px;padding:9px 12px;font-size:.875rem;transition:background .2s,border .2s;min-height:41px;text-align:left}
.chip-mark{font-size:.875rem;color:#a9915c}
.chip[aria-pressed=true]{background:#f0e6cf;border-color:#b2965e}
.chip:disabled{opacity:.5}
.weather-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.weather-chip{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:76px;padding:11px 13px}
.weather-chip svg{width:22px;height:22px;color:#a3864f}
.weather-chip .chip-mark{margin-left:auto}
.weather-name{display:flex;width:100%;align-items:center;gap:5px;font-size:.875rem}
.optional-details{border-top:1px solid var(--line);padding-top:15px;margin-top:19px}
.optional-details summary{cursor:pointer;font-size:.875rem;list-style:none;display:flex;justify-content:space-between;gap:12px;color:#7e683f;align-items:baseline}
.optional-details summary::-webkit-details-marker{display:none}
.optional-details summary:after{content:'+';font-size:1.125rem;line-height:1}
.optional-details[open] summary:after{content:'−'}
.details-body{padding-top:18px}
.optional-details p{font-size:.875rem;color:var(--muted);line-height:1.6;margin:12px 0}
.optional-details .field-group:last-child{margin-bottom:0}
.optional-details textarea{display:block;width:100%;min-height:88px;resize:vertical;padding:11px 12px;background:#fffdf8;border:1px solid #ddd5c5;border-radius:6px;color:var(--ink);font-size:1rem;line-height:1.5}
.character-count{font-size:.75rem;color:var(--muted);text-align:right;margin-top:5px}
.slider-group{margin-bottom:23px}
.slider-title{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem;font-weight:550;margin-bottom:8px}
.slider-value{font-size:.75rem;font-weight:400;color:#957636}
.range{appearance:none;-webkit-appearance:none;width:100%;height:26px;background:transparent;display:block;cursor:pointer;margin:0}
.range::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#ad8c49 0%,#ad8c49 var(--fill),#e7decc var(--fill),#e7decc 100%);border-radius:4px}
.range::-moz-range-track{height:4px;background:#e7decc;border-radius:4px}
.range::-moz-range-progress{height:4px;background:#ad8c49;border-radius:4px}
.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:23px;height:23px;background:var(--deep);border:5px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px #c6b383;margin-top:-9.5px}
.range::-moz-range-thumb{width:13px;height:13px;background:var(--deep);border:5px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px #c6b383}
.range-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem;margin-top:4px}
.texture-strip{display:flex;align-items:center;gap:14px;background:#f0e9df;border-radius:7px;padding:10px 12px;margin:22px 0}
.texture-strip img{width:49px;height:49px;object-fit:cover;border-radius:50%;filter:saturate(.5)}
.texture-strip p{font-size:.75rem;line-height:1.6;color:var(--muted);margin:0}
.texture-strip strong{font-weight:500;color:var(--ink)}
.care-note{background:#eee9dc;border:1px solid #e5dbc7;border-radius:6px;font-size:.875rem;line-height:1.6;color:#786648;padding:13px 14px;margin:16px 0}
.mini-privacy{font-size:.75rem;color:var(--muted);line-height:1.6;margin:15px 0 0}
.context-list{display:grid;gap:8px;margin-top:14px}
.context-choice{display:flex;align-items:center;gap:10px;background:#f2ecdf;border:1px solid transparent;border-radius:6px;padding:10px 12px;font-size:.875rem;cursor:pointer}
.context-choice:has(input:checked){border-color:#b2965e}
.context-choice input{accent-color:var(--deep);width:16px;height:16px;flex-shrink:0;margin:0}
.select-field{width:100%;background:#fffdf8;color:var(--ink);border:1px solid #ddd4c2;border-radius:6px;min-height:44px;padding:10px 12px;font-size:.875rem}
.scar-panel{border-left:2px solid #b69a62;padding-left:18px;margin:21px 0 25px}
.scar-panel .field-group{margin-bottom:18px}
.section-label{font-size:.75rem;letter-spacing:.08em;color:#8b6e35;text-transform:uppercase;margin:0 0 15px}
.photo-control{border:1px dashed #c8b98e;background:#f5efdf;border-radius:8px;min-height:108px;display:flex;align-items:center;gap:16px;padding:17px}
.photo-icon{width:32px;height:32px;color:#b19965;flex-shrink:0}
.photo-copy strong{display:block;font-size:.875rem;font-weight:500}
.photo-copy p{font-size:.75rem;line-height:1.5;margin:5px 0;color:var(--muted)}
.photo-button{background:#fffdf8;border:1px solid #d4c8a9;border-radius:5px;padding:7px 11px;font-size:.875rem;margin-top:7px}
.photo-preview{width:95px;height:95px;object-fit:cover;border-radius:5px;flex-shrink:0}
.photo-actions{display:flex;gap:15px;align-items:center}
.photo-error{color:#a04836;font-size:.875rem;line-height:1.5;margin:9px 0 0}
.upload-loading{font-size:.875rem;color:var(--muted)}
.profile-summary{margin-top:21px;border-top:1px solid var(--line)}
.summary-row{display:grid;grid-template-columns:1fr auto;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}
.summary-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#8e8066;margin:0 0 4px}
.summary-value{font-size:.875rem;margin:0;line-height:1.65;overflow-wrap:anywhere}
.edit-button{align-self:center;background:none;font-size:.75rem;color:#857145;text-decoration:underline;text-underline-offset:4px;padding:8px 0}
.result-photo{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}
.result-photo img{width:66px;height:66px;object-fit:cover;border-radius:5px}
.result-photo p{font-size:.75rem;line-height:1.6;color:var(--muted);margin:0;flex:1}
.result-intro{background:#f1e8d6;padding:13px 15px;border-radius:6px;margin:16px 0;font-size:.875rem;line-height:1.6;color:#6f5c39}
.blend-concept{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}
.blend-base{border:1px solid #ddd2b9;border-radius:6px;padding:12px 10px}
.base-letter{font-family:var(--serif);font-size:1.6rem;color:#ae925b}
.blend-base strong{display:block;font-size:.875rem;font-weight:500}
.blend-base small{display:block;font-size:.75rem;color:var(--muted)}dialog{max-width:520px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);padding:40px;box-shadow:0 15px 70px #1c1b2244}dialog::backdrop{background:#211f2699;backdrop-filter:blur(3px)}
.dialog-close{position:absolute;right:15px;top:12px;background:none;color:#938978;font-size:1.8rem;padding:5px;line-height:1}dialog h2{font-family:var(--serif);font-size:2.4rem;font-weight:400;line-height:1.1;margin:7px 0 17px}dialog p,dialog li{font-size:1rem;color:var(--muted);line-height:1.65}dialog ol{padding-left:21px}dialog li{padding:4px 0}dialog .primary-button{width:100%;margin-top:22px}
.skip-link{position:fixed;top:8px;left:8px;z-index:20;background:#fff;padding:12px;border-radius:5px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.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}
.noscript{background:white;padding:30px}
@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1440px){.studio{margin-top:27px;gap:95px}
.story{padding-top:42px}
.story h2{font-size:4.4rem}
.portrait{margin-top:55px}
.journey{padding:34px 42px 29px}
.care-option{min-height:94px}
.site-header{padding-top:32px}}
@media(max-width:1100px){.studio{padding:0 30px;gap:36px;grid-template-columns:minmax(245px,.8fr) minmax(0,1.2fr)}
.story h2{font-size:3.6rem}
.story-kicker{font-size:.75rem}
.journey{padding:28px 27px 23px}#progress{padding:21px 23px 18px;gap:6px}
.step-link{font-size:.75rem;gap:4px}
.step-link.active:after{bottom:-19px}
.care-option{padding:13px 10px;gap:9px}
.selection-dot{display:none}
.goal-icon{width:21px;height:21px}
.mini-meter{grid-template-columns:90px 1fr 90px;gap:6px;font-size:.75rem}
.workbench-footer{padding:14px 23px}
.workbench-footer>span{display:none}
.portrait h3{font-size:1.9rem}
.site-footer{padding:25px 30px}}
@media(max-width:850px){.site-header{padding:23px 24px}
.wordmark{font-size:3.1rem}
.brand{gap:14px}
.brand-sense{padding-left:14px}
.concept-badge{display:none}
.quiet-button{font-size:.875rem}
.studio{max-width:650px;padding:0 22px;display:flex;flex-direction:column;gap:24px;margin-top:10px}
.story{display:contents}
.story-kicker{display:none}
.story h2{order:0;font-size:2.25rem;line-height:1.1;margin:0 0 0 4px;letter-spacing:-.3px}
.story h2 br{display:none}
.story h2 em{display:block;font-size:1em}
.story-copy{display:none}
.workbench{order:1;width:100%}
.portrait{order:2;width:100%;max-width:none;margin-top:0;padding:21px 23px;border:1px solid #ffffff2a;border-radius:10px;background:#25232bbd;backdrop-filter:blur(12px)}
.portrait h3{font-size:1.8rem;margin-top:12px}
.portrait p{font-size:.875rem}
.portrait-tags{margin-top:12px}
.mini-meters{margin-top:15px}
.mini-meter{grid-template-columns:105px 1fr 105px}
.origin-note{display:none}
.journey{padding:27px 28px 23px}
.step-heading{font-size:2.55rem}
.site-footer{max-width:650px;margin-top:0;padding:22px;flex-wrap:wrap;gap:10px}
.landscape{background-position:center,42% center}
.landscape:after{background:#24222b35}
.story h2{color:#fff}
.workbench-footer{padding:14px 28px}
.workbench-footer>span{display:block}}
@media(max-width:520px){.header-links{gap:0}
.site-header{padding:23px 20px}
.quiet-button{font-size:.75rem}
.brand-sense{font-size:.75rem;letter-spacing:.22em}
.studio{padding:0 14px;gap:20px}
.story h2{font-size:2rem;margin-left:7px}
.workbench{border-radius:11px}
.journey{padding:24px 20px 21px}#progress{padding:18px 20px 15px;gap:8px}
.step-link{flex-direction:column;gap:2px;font-size:.75rem;white-space:normal}
.step-link.active:after{bottom:-16px}
.step-number{font-size:.75rem}
.step-heading{font-size:2.45rem}
.intro{font-size:1rem}
.care-grid{gap:8px}
.care-option{padding:13px 10px;min-height:103px;gap:8px}
.care-copy{font-size:.875rem}
.care-copy small{font-size:.75rem}
.goal-icon{width:18px;height:18px}
.selection-dot{display:none}
.field-hint{display:inline-block;margin-left:0;font-size:.75rem}
.primary-button{padding:13px 17px;gap:17px}
.action-note{font-size:.75rem;max-width:125px}
.workbench-footer{padding:13px 20px}
.workbench-footer>span{display:none}
.weather-grid{gap:7px}
.weather-chip{padding:10px;min-height:77px}
.weather-name{font-size:.875rem;gap:4px}
.segment{font-size:.875rem;padding:9px 5px}
.chips{gap:7px}
.chip{padding:9px 10px;gap:8px;font-size:.875rem}
.slider-title{font-size:.875rem}
.slider-value{font-size:.75rem}
.portrait{padding:20px}
.site-footer{padding:22px 20px}
.scar-panel{padding-left:12px}
.photo-control{padding:13px;gap:11px;align-items:flex-start}
.photo-preview{width:72px;height:82px}
.photo-icon{width:25px;height:25px}
.photo-actions{gap:12px;flex-wrap:wrap}
.photo-actions .text-button{font-size:.75rem}
.journey-actions:has(#download-button){flex-wrap:wrap;gap:2px}
.journey-actions:has(#download-button) .action-right{width:100%;justify-content:space-between}
.optional-details summary{font-size:.875rem}
.workbench-footer button{font-size:.75rem}dialog{padding:35px 26px}}
@media(max-width:360px){.care-option{display:block;min-height:128px}
.goal-icon{margin-bottom:7px}
.weather-grid{grid-template-columns:1fr 1fr}
.step-heading{font-size:2.2rem}
.journey{padding-left:17px;padding-right:17px}
.mini-meter{grid-template-columns:89px 1fr 89px;gap:6px}
.brand-sense{display:none}
.action-right{gap:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white}
.landscape,.site-header,.story,#progress,.journey-actions,.workbench-footer,.site-footer,.edit-button,.optional-details,.skip-link{display:none}
.studio{display:block;padding:0;margin:0;max-width:none}
.workbench{box-shadow:none;border:0;background:white}
.journey{padding:0}
.step-heading{font-size:2rem}
.summary-row{break-inside:avoid}}

/* Icelandic strata follow the current chapter. */
.landscape-scene{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;opacity:0;transform:scale(1.035);transition:opacity 1100ms ease,transform 1800ms ease;will-change:opacity;pointer-events:none}
.landscape-scene.is-active{opacity:1;transform:scale(1)}
.landscape-scene[data-chapter="0"]{background-image:url('./assets/iceland-skaftafell.webp');background-position:50% 50%;filter:saturate(.85) contrast(.94)}
.landscape-scene[data-chapter="1"]{background-image:url('./assets/iceland-green-mountains.webp');background-position:50% 60%;filter:saturate(.85) contrast(.96)}
.landscape-scene[data-chapter="2"]{background-image:url('./assets/iceland-myrdalsjokull-sunset.webp');background-position:50% 50%;filter:saturate(.85) contrast(.94)}
.landscape-scene[data-chapter="3"]{background-image:url('./assets/iceland-skaftafell.webp');background-position:38% 62%;filter:saturate(.85) contrast(.94)}
.landscape-scene[data-chapter="4"]{background-image:url('./assets/iceland-myrdalsjokull-sunset.webp');background-position:60% 60%;filter:saturate(.85) contrast(.94)}
@media(max-width:850px){.landscape-scene[data-chapter="0"]{background-position:30% 50%}.landscape-scene[data-chapter="1"]{background-position:25% 50%}.landscape-scene[data-chapter="2"]{background-position:50% 50%}.landscape-scene[data-chapter="3"]{background-position:35% 50%}.landscape-scene[data-chapter="4"]{background-position:55% 50%}}




.story-copy{max-width:360px;font-size:1.05rem;font-weight:400;line-height:1.7}
.story h2{max-width:445px}
.story h2 em{font-size:.92em;color:#dfc78f}
.story-kicker{color:#dec792;letter-spacing:.15em;font-size:.75rem;line-height:1.75}
.story .portrait{margin-top:31px}
.primary-button{box-shadow:inset 0 0 0 1px #b3955c;letter-spacing:.015em}
.primary-button:disabled{box-shadow:none}
.care-option[aria-pressed=true],.chip[aria-pressed=true]{box-shadow:inset 0 0 0 .5px #b99d61}
.step-link.active:after{height:1px;background:#b19654}
.step-heading em{font-weight:500}
.story-copy,.story h2{transition:opacity .25s ease}
.origin-note{margin-top:22px}
@media(min-width:1440px){.story .portrait{margin-top:38px}}
@media(max-width:850px){.story .portrait{margin-top:0}.story h2{max-width:none;font-size:2.25rem}.story h2 em{font-size:1em}.landscape:after{background:linear-gradient(0deg,#1717207d,#1e1e2850)}.landscape-scene[data-chapter="3"],.landscape-scene[data-chapter="4"]{background-size:cover}}
@media(max-width:520px){.story h2{font-size:2rem}.step-heading{font-size:2.5rem}.brand-sense{letter-spacing:.25em}.workbench{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.landscape-scene{transition:none;transform:none}}

/* Personalisation is the foreground; Iceland stays soft and quietly alive. */
.landscape:after{background:linear-gradient(90deg,#172026b3 0%,#2021268c 38%,#2d2c3240 72%),linear-gradient(0deg,#27282c65,transparent 70%)}
.landscape-scene{inset:-2%;transition:opacity 1300ms ease;transform:scale(1.035)}
.landscape-scene.is-active{animation:landscape-breathe 28s ease-in-out infinite alternate;transform:scale(1.035)}
@keyframes landscape-breathe{from{transform:scale(1.035) translate3d(-.3%,0,0)}to{transform:scale(1.085) translate3d(.5%,-.6%,0)}}
.motion-paused .landscape-scene.is-active{animation-play-state:paused}
.story{padding-top:15px}
.story-kicker{font-size:.75rem;letter-spacing:.12em;margin-bottom:18px}
.story h2{font-size:3.3rem;line-height:1.07;margin-bottom:17px;max-width:420px}
.story-copy{font-size:1rem;line-height:1.65;max-width:405px}
.story .portrait{margin-top:28px;padding:24px 23px 21px;background:linear-gradient(135deg,#fffdf4f0,#f6f2e9e8);border:1px solid #d2bd89b0;border-radius:12px;box-shadow:0 14px 45px #18222926;backdrop-filter:blur(18px);max-width:440px;color:var(--ink)}
.portrait-eyebrow{color:#8d7649;font-size:.75rem;letter-spacing:.09em;gap:10px;flex-wrap:wrap}
.portrait-eyebrow>span:last-child{color:#9a8a6b;font-size:.75rem;letter-spacing:0}
.portrait h3{color:#39352e;font-size:2.35rem;line-height:1.08;margin:15px 0 12px}
.portrait p{color:#797060;font-size:.875rem;line-height:1.65}
.profile-detail-rows{margin-top:17px;border-top:1px solid #ded4bd}
.profile-detail-row{display:grid;grid-template-columns:23px 1fr 14px;gap:12px;align-items:center;width:100%;padding:13px 0;background:transparent;border-bottom:1px solid #ded4bd;text-align:left;border-radius:0;color:var(--ink);transition:background .2s}
.profile-detail-row.has-value:hover{background:#eadfc750}
.profile-detail-row:disabled{opacity:.62;cursor:default}
.profile-row-icon svg{width:22px;height:22px;color:#a38b55}
.profile-row-label{display:block;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:#948260;margin-bottom:4px}
.profile-row-value{display:block;font-size:.875rem;line-height:1.5;color:#4f4a40}
.profile-detail-row:not(.has-value) .profile-row-value{color:#958b78;font-style:italic}
.profile-row-edit{font-size:.875rem;color:#b59b5e}
.profile-detail-row.just-updated{animation:profile-arrive .55s ease both}
@keyframes profile-arrive{0%{background:#d7bd744f;transform:translateX(3px)}100%{background:transparent;transform:translateX(0)}}
.profile-mini-label{font-size:.75rem!important;letter-spacing:.08em;color:#99845c!important;margin-top:18px!important}
.portrait .mini-meters{gap:12px;margin-top:13px}
.portrait .mini-meter{grid-template-columns:92px 1fr 93px;color:#8b7d63;font-size:.75rem;gap:8px}
.portrait .meter-track{background:#d8caa9}
.portrait .meter-dot{background:#a78b46;box-shadow:0 0 0 3px #f4efe2;transition:left .18s ease}
.personal-brief{background:linear-gradient(115deg,#f0e7d2,#f7f1e5);border:1px solid #d6c39a;border-radius:9px;padding:20px 21px;margin:22px 0 24px}
.personal-brief>span{font-size:.75rem;letter-spacing:.12em;color:#927741}
.personal-brief p{font-family:var(--serif);font-size:1.65rem;line-height:1.3;font-weight:500;color:#514936;margin:9px 0 0}
.mobile-profile-button{display:none}
.footer-controls{display:flex;gap:20px;align-items:center}
.dialog-profile-rows .profile-detail-row{padding:15px 0}
.origin-note{font-size:.75rem;color:#e8dfce;margin-top:20px}
@media(min-width:1440px){.story h2{font-size:3.7rem}.story .portrait{margin-top:28px}.story{padding-top:22px}}
@media(max-width:1100px){.story h2{font-size:3rem}.story .portrait{padding:21px 19px}.profile-detail-row{gap:10px}.portrait .mini-meter{grid-template-columns:82px 1fr 85px;font-size:.75rem;gap:6px}}
@media(max-width:850px){.story h2{font-size:2rem;max-width:none;margin-bottom:0}.story .portrait{margin-top:0;max-width:none;width:100%;padding:23px}.story h2 em{font-size:1em}.mobile-profile-button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;background:#eee5d0;padding:12px 24px;color:#74603b;font-size:.875rem;text-align:left;border-bottom:1px solid #dcccaa}.mobile-profile-button>span{font-size:.75rem;color:#998357}.portrait .mini-meter{grid-template-columns:100px 1fr 100px;font-size:.75rem}.landscape:after{background:linear-gradient(0deg,#27282c80,#172026ad)}.origin-note{display:none}}
@media(max-width:520px){.story h2{font-size:1.9rem}.story .portrait{padding:21px}.portrait h3{font-size:2.15rem}.mobile-profile-button{padding:11px 20px;font-size:.8rem}.mobile-profile-button>span{font-size:.75rem}.portrait .mini-meter{grid-template-columns:87px 1fr 90px;font-size:.75rem;gap:7px}.personal-brief{padding:18px}.personal-brief p{font-size:1.5rem}.footer-controls{gap:17px}}
@media(prefers-reduced-motion:reduce){.landscape-scene.is-active{animation:none;transform:scale(1.035)}.profile-detail-row.just-updated{animation:none}}
@media print{.mobile-profile-button{display:none}.personal-brief{break-inside:avoid}}

/* Language navigation and room for Portuguese copy. */
.language-link{font-size:.875rem;text-decoration:none;border:1px solid #e6d2a677;border-radius:5px;padding:6px 10px;white-space:nowrap;color:#f0e4cb}
.language-link:hover{background:#e6d2a619}
.header-links{gap:22px;flex-wrap:wrap;justify-content:flex-end}
html[lang="pt-BR"] .profile-row-label{letter-spacing:.025em}
html[lang="pt-BR"] .portrait-eyebrow{flex-wrap:wrap}
html[lang="pt-BR"] .mini-meter{align-items:center}
@media(max-width:600px){.site-header{flex-wrap:wrap;gap:12px}.header-links{width:100%;gap:14px;justify-content:space-between}.language-link{font-size:.875rem}.quiet-button{font-size:.875rem}html[lang="pt-BR"] .action-right{flex-wrap:wrap;justify-content:flex-end;gap:10px}html[lang="pt-BR"] .journey-actions{align-items:flex-end}}
@media print{.language-link{display:none}}